chore: add additional project assets
This commit is contained in:
@@ -1,5 +1,6 @@
|
||||
import React from 'react';
|
||||
import { FC } from 'react';
|
||||
import { background } from 'storybook/internal/theming';
|
||||
|
||||
export type ImageAssetProps = {
|
||||
name: string;
|
||||
@@ -18,6 +19,7 @@ export const ImageAsset: FC<ImageAssetProps> = ({ name, src }) => {
|
||||
borderColor: 'lightgray',
|
||||
overflow: 'hidden',
|
||||
margin: '0.3vw',
|
||||
backgroundColor: 'lightgray',
|
||||
};
|
||||
|
||||
const colorDescriptionStyle = {
|
||||
|
||||
@@ -1,20 +1,35 @@
|
||||
import { Canvas, Meta, Story } from '@storybook/addon-docs';
|
||||
import { Image, ImageRow } from './ImageAsset';
|
||||
|
||||
<Meta title="owncast/Project Assets/Logos & Graphics" parameters={{chromatic: { disableSnapshot: true }}} />
|
||||
<Meta
|
||||
title="owncast/Project Assets/Logos & Graphics"
|
||||
parameters={{ chromatic: { disableSnapshot: true } }}
|
||||
/>
|
||||
|
||||
# Logos & Graphics
|
||||
|
||||
<ImageRow images={[
|
||||
{src: "project/header.png", name: "header.png"},
|
||||
{src: "project/kiss-cut-stickers-5.5x5.5-default-60874a6c11849.png", name: "kiss-cut-stickers-5.5x5.5-default-60874a6c11849.png"},
|
||||
{src: "project/logo-glare-outlined.png", name: "logo-glare-outlined.png"},
|
||||
{src: "project/logo-glare-vector.svg", name: "logo-glare-vector.svg"},
|
||||
{src: "project/logo-noglare-vector.svg", name: "logo-noglare-vector.svg"},
|
||||
{src: "project/logo-translucent-grey.svg", name: "logo-translucent-grey.svg"},
|
||||
{src: "project/logo-white.svg", name: "logo-white.svg"},
|
||||
{src: "project/owncast-background.png", name: "owncast-background.png"},
|
||||
{src: "project/owncast-browser-mobile.png", name: "owncast-browser-mobile.png"},
|
||||
{src: "project/sticker-bigtech-alt.png", name: "sticker-bigtech-alt.png"},
|
||||
]}/>
|
||||
<ImageRow images={[
|
||||
{src: "project/header.png", name: "header.png"},
|
||||
{src: "project/logo-glare-outlined.png", name: "logo-glare-outlined.png"},
|
||||
{src: "project/logo-glare-vector.svg", name: "logo-glare-vector.svg"},
|
||||
{src: "project/logo-noglare-vector.svg", name: "logo-noglare-vector.svg"},
|
||||
{src: "project/logo-white.svg", name: "logo-white.svg"},
|
||||
{src: "project/logo-black.svg", name: "logo-black.svg"},
|
||||
|
||||
{src: "project/logo-translucent-grey.svg", name: "logo-translucent-grey.svg"},
|
||||
{src: "project/logo-semisimple-black.svg", name: "logo-semisimple-black.svg"},
|
||||
{src: "project/logo-semisimple-white.svg", name: "logo-semisimple-white.svg"},
|
||||
{src: "project/logo-simple-black.svg", name: "logo-simple-black.svg"},
|
||||
{src: "project/logo-simple-white.svg", name: "logo-simple-white.svg"},
|
||||
|
||||
{src: "project/logo-semisimple-black-outlined.svg", name: "logo-semisimple-black-outlined.svg"},
|
||||
{src: "project/logo-semisimple-white-outlined.svg", name: "logo-semisimple-white-outlined.svg"},
|
||||
|
||||
{src: "project/owncast-background.png", name: "owncast-background.png"},
|
||||
{src: "project/owncast-browser-mobile.png", name: "owncast-browser-mobile.png"},
|
||||
{src: "project/sticker-bigtech-alt.png", name: "sticker-bigtech-alt.png"},
|
||||
{src: "project/apps-logo.png", name: "apps-logo.png"},
|
||||
{src: "project/owncast-directory.png", name: "owncast-directory.png"},
|
||||
{src: "project/tv-apps-icon.png", name: "tv-apps-icon.png"},
|
||||
|
||||
]}/>
|
||||
|
||||
Reference in New Issue
Block a user