WIP storybook upgrade
This commit is contained in:
Gabe Kangas
+8
@@ -0,0 +1,8 @@
|
||||
import { Canvas, Meta, Story } from '@storybook/blocks';
|
||||
import * as ScreenshotsAndroidStockBrowserLandscapeStories from './Screenshots-android-stock-browser-landscape.stories';
|
||||
|
||||
<Meta of={ScreenshotsAndroidStockBrowserLandscapeStories} />
|
||||
|
||||
<Story of={ScreenshotsAndroidStockBrowserLandscapeStories.Offline} />
|
||||
|
||||
<Story of={ScreenshotsAndroidStockBrowserLandscapeStories.Online} />
|
||||
+33
@@ -0,0 +1,33 @@
|
||||
export default {
|
||||
title: 'owncast/Screenshots/Android Landscape/Stock Browser',
|
||||
|
||||
parameters: {
|
||||
chromatic: {
|
||||
disableSnapshot: true,
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
export const Offline = {
|
||||
render: () => (
|
||||
<img
|
||||
src="screenshots/android-10.0-android-browser-samsung-galaxy-s20-ultra-landscape-offline.png"
|
||||
alt="Android Browser offline"
|
||||
height="1000px"
|
||||
/>
|
||||
),
|
||||
|
||||
name: 'Offline',
|
||||
};
|
||||
|
||||
export const Online = {
|
||||
render: () => (
|
||||
<img
|
||||
src="screenshots/android-10.0-android-browser-samsung-galaxy-s20-ultra-landscape-online.png"
|
||||
alt="Android Browser offline"
|
||||
height="1000px"
|
||||
/>
|
||||
),
|
||||
|
||||
name: 'Online',
|
||||
};
|
||||
-26
@@ -1,26 +0,0 @@
|
||||
import { Canvas, Meta, Story } from '@storybook/addon-docs';
|
||||
|
||||
<Meta
|
||||
title="owncast/Screenshots/Android Landscape/Stock Browser"
|
||||
parameters={{ chromatic: { disableSnapshot: true } }}
|
||||
/>
|
||||
|
||||
<Story name="Offline">
|
||||
|
||||
<img
|
||||
src="screenshots/android-10.0-android-browser-samsung-galaxy-s20-ultra-landscape-offline.png"
|
||||
alt="Android Browser offline"
|
||||
height="1000px"
|
||||
/>
|
||||
|
||||
</Story>
|
||||
|
||||
<Story name="Online">
|
||||
|
||||
<img
|
||||
src="screenshots/android-10.0-android-browser-samsung-galaxy-s20-ultra-landscape-online.png"
|
||||
alt="Android Browser offline"
|
||||
height="1000px"
|
||||
/>
|
||||
|
||||
</Story>
|
||||
+8
@@ -0,0 +1,8 @@
|
||||
import { Canvas, Meta, Story } from '@storybook/blocks';
|
||||
import * as ScreenshotsAndroidStockBrowserPortraitStories from './Screenshots-android-stock-browser-portrait.stories';
|
||||
|
||||
<Meta of={ScreenshotsAndroidStockBrowserPortraitStories} />
|
||||
|
||||
<Story of={ScreenshotsAndroidStockBrowserPortraitStories.Offline} />
|
||||
|
||||
<Story of={ScreenshotsAndroidStockBrowserPortraitStories.Online} />
|
||||
+33
@@ -0,0 +1,33 @@
|
||||
export default {
|
||||
title: 'owncast/Screenshots/Android Portrait/Stock Browser',
|
||||
|
||||
parameters: {
|
||||
chromatic: {
|
||||
disableSnapshot: true,
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
export const Offline = {
|
||||
render: () => (
|
||||
<img
|
||||
src="screenshots/android-13.0-android-browser-google-pixel-7-pro-portrait-offline.png"
|
||||
alt="Android Browser offline"
|
||||
height="1000px"
|
||||
/>
|
||||
),
|
||||
|
||||
name: 'Offline',
|
||||
};
|
||||
|
||||
export const Online = {
|
||||
render: () => (
|
||||
<img
|
||||
src="screenshots/android-13.0-android-browser-google-pixel-7-pro-portrait-online.png"
|
||||
alt="Android Browser offline"
|
||||
height="1000px"
|
||||
/>
|
||||
),
|
||||
|
||||
name: 'Online',
|
||||
};
|
||||
-26
@@ -1,26 +0,0 @@
|
||||
import { Canvas, Meta, Story } from '@storybook/addon-docs';
|
||||
|
||||
<Meta
|
||||
title="owncast/Screenshots/Android Portrait/Stock Browser"
|
||||
parameters={{ chromatic: { disableSnapshot: true } }}
|
||||
/>
|
||||
|
||||
<Story name="Offline">
|
||||
|
||||
<img
|
||||
src="screenshots/android-13.0-android-browser-google-pixel-7-pro-portrait-offline.png"
|
||||
alt="Android Browser offline"
|
||||
height="1000px"
|
||||
/>
|
||||
|
||||
</Story>
|
||||
|
||||
<Story name="Online">
|
||||
|
||||
<img
|
||||
src="screenshots/android-13.0-android-browser-google-pixel-7-pro-portrait-online.png"
|
||||
alt="Android Browser offline"
|
||||
height="1000px"
|
||||
/>
|
||||
|
||||
</Story>
|
||||
+8
@@ -0,0 +1,8 @@
|
||||
import { Canvas, Meta, Story } from '@storybook/blocks';
|
||||
import * as ScreenshotsIPadLandscapeSafariStories from './Screenshots-iPad-landscape-safari.stories';
|
||||
|
||||
<Meta of={ScreenshotsIPadLandscapeSafariStories} />
|
||||
|
||||
<Story of={ScreenshotsIPadLandscapeSafariStories.Offline} />
|
||||
|
||||
<Story of={ScreenshotsIPadLandscapeSafariStories.Online} />
|
||||
+33
@@ -0,0 +1,33 @@
|
||||
export default {
|
||||
title: 'owncast/Screenshots/iPad Landscape/Safari',
|
||||
|
||||
parameters: {
|
||||
chromatic: {
|
||||
disableSnapshot: true,
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
export const Offline = {
|
||||
render: () => (
|
||||
<img
|
||||
src="screenshots/ios-16-mobile-safari-ipad-pro-11-2022-landscape-offline.png"
|
||||
alt="macOS Safari offline"
|
||||
width="800px"
|
||||
/>
|
||||
),
|
||||
|
||||
name: 'Offline',
|
||||
};
|
||||
|
||||
export const Online = {
|
||||
render: () => (
|
||||
<img
|
||||
src="screenshots/ios-16-mobile-safari-ipad-pro-11-2022-landscape-online.png"
|
||||
alt="macOS Safari online"
|
||||
width="800px"
|
||||
/>
|
||||
),
|
||||
|
||||
name: 'Online',
|
||||
};
|
||||
-26
@@ -1,26 +0,0 @@
|
||||
import { Canvas, Meta, Story } from '@storybook/addon-docs';
|
||||
|
||||
<Meta
|
||||
title="owncast/Screenshots/iPad Landscape/Safari"
|
||||
parameters={{ chromatic: { disableSnapshot: true } }}
|
||||
/>
|
||||
|
||||
<Story name="Offline">
|
||||
|
||||
<img
|
||||
src="screenshots/ios-16-mobile-safari-ipad-pro-11-2022-landscape-offline.png"
|
||||
alt="macOS Safari offline"
|
||||
width="800px"
|
||||
/>
|
||||
|
||||
</Story>
|
||||
|
||||
<Story name="Online">
|
||||
|
||||
<img
|
||||
src="screenshots/ios-16-mobile-safari-ipad-pro-11-2022-landscape-online.png"
|
||||
alt="macOS Safari online"
|
||||
width="800px"
|
||||
/>
|
||||
|
||||
</Story>
|
||||
+8
@@ -0,0 +1,8 @@
|
||||
import { Canvas, Meta, Story } from '@storybook/blocks';
|
||||
import * as ScreenshotsIPadPortraitSafariStories from './Screenshots-iPad-portrait-safari.stories';
|
||||
|
||||
<Meta of={ScreenshotsIPadPortraitSafariStories} />
|
||||
|
||||
<Story of={ScreenshotsIPadPortraitSafariStories.Offline} />
|
||||
|
||||
<Story of={ScreenshotsIPadPortraitSafariStories.Online} />
|
||||
+33
@@ -0,0 +1,33 @@
|
||||
export default {
|
||||
title: 'owncast/Screenshots/iPad Portrait/Safari',
|
||||
|
||||
parameters: {
|
||||
chromatic: {
|
||||
disableSnapshot: true,
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
export const Offline = {
|
||||
render: () => (
|
||||
<img
|
||||
src="screenshots/ios-16-mobile-safari-ipad-pro-11-2022-portrait-offline.png"
|
||||
alt="macOS Safari offline"
|
||||
width="800px"
|
||||
/>
|
||||
),
|
||||
|
||||
name: 'Offline',
|
||||
};
|
||||
|
||||
export const Online = {
|
||||
render: () => (
|
||||
<img
|
||||
src="screenshots/ios-16-mobile-safari-ipad-pro-11-2022-portrait-online.png"
|
||||
alt="macOS Safari online"
|
||||
width="800px"
|
||||
/>
|
||||
),
|
||||
|
||||
name: 'Online',
|
||||
};
|
||||
-26
@@ -1,26 +0,0 @@
|
||||
import { Canvas, Meta, Story } from '@storybook/addon-docs';
|
||||
|
||||
<Meta
|
||||
title="owncast/Screenshots/iPad Portrait/Safari"
|
||||
parameters={{ chromatic: { disableSnapshot: true } }}
|
||||
/>
|
||||
|
||||
<Story name="Offline">
|
||||
|
||||
<img
|
||||
src="screenshots/ios-16-mobile-safari-ipad-pro-11-2022-portrait-offline.png"
|
||||
alt="macOS Safari offline"
|
||||
width="800px"
|
||||
/>
|
||||
|
||||
</Story>
|
||||
|
||||
<Story name="Online">
|
||||
|
||||
<img
|
||||
src="screenshots/ios-16-mobile-safari-ipad-pro-11-2022-portrait-online.png"
|
||||
alt="macOS Safari online"
|
||||
width="800px"
|
||||
/>
|
||||
|
||||
</Story>
|
||||
+8
@@ -0,0 +1,8 @@
|
||||
import { Canvas, Meta, Story } from '@storybook/blocks';
|
||||
import * as ScreenshotsIPhoneSafariLandscapeStories from './Screenshots-iPhone-safari-landscape.stories';
|
||||
|
||||
<Meta of={ScreenshotsIPhoneSafariLandscapeStories} />
|
||||
|
||||
<Story of={ScreenshotsIPhoneSafariLandscapeStories.Offline} />
|
||||
|
||||
<Story of={ScreenshotsIPhoneSafariLandscapeStories.Online} />
|
||||
+33
@@ -0,0 +1,33 @@
|
||||
export default {
|
||||
title: 'owncast/Screenshots/iPhone/Safari/Landscape',
|
||||
|
||||
parameters: {
|
||||
chromatic: {
|
||||
disableSnapshot: true,
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
export const Offline = {
|
||||
render: () => (
|
||||
<img
|
||||
src="screenshots/ios-16-mobile-safari-ipad-pro-11-2022-landscape-offline.png"
|
||||
alt="iPhone Safari offline"
|
||||
height="1000px"
|
||||
/>
|
||||
),
|
||||
|
||||
name: 'Offline',
|
||||
};
|
||||
|
||||
export const Online = {
|
||||
render: () => (
|
||||
<img
|
||||
src="screenshots/ios-16-mobile-safari-ipad-pro-11-2022-landscape-online.png"
|
||||
alt="iPhone Safari online"
|
||||
height="1000px"
|
||||
/>
|
||||
),
|
||||
|
||||
name: 'Online',
|
||||
};
|
||||
-26
@@ -1,26 +0,0 @@
|
||||
import { Canvas, Meta, Story } from '@storybook/addon-docs';
|
||||
|
||||
<Meta
|
||||
title="owncast/Screenshots/iPhone/Safari/Landscape"
|
||||
parameters={{ chromatic: { disableSnapshot: true } }}
|
||||
/>
|
||||
|
||||
<Story name="Offline">
|
||||
|
||||
<img
|
||||
src="screenshots/ios-16-mobile-safari-ipad-pro-11-2022-landscape-offline.png"
|
||||
alt="iPhone Safari offline"
|
||||
height="1000px"
|
||||
/>
|
||||
|
||||
</Story>
|
||||
|
||||
<Story name="Online">
|
||||
|
||||
<img
|
||||
src="screenshots/ios-16-mobile-safari-ipad-pro-11-2022-landscape-online.png"
|
||||
alt="iPhone Safari online"
|
||||
height="1000px"
|
||||
/>
|
||||
|
||||
</Story>
|
||||
+8
@@ -0,0 +1,8 @@
|
||||
import { Canvas, Meta, Story } from '@storybook/blocks';
|
||||
import * as ScreenshotsIPhoneSafariPortraitStories from './Screenshots-iPhone-safari-portrait.stories';
|
||||
|
||||
<Meta of={ScreenshotsIPhoneSafariPortraitStories} />
|
||||
|
||||
<Story of={ScreenshotsIPhoneSafariPortraitStories.Offline} />
|
||||
|
||||
<Story of={ScreenshotsIPhoneSafariPortraitStories.Online} />
|
||||
+33
@@ -0,0 +1,33 @@
|
||||
export default {
|
||||
title: 'owncast/Screenshots/iPhone/Safari/Portrait',
|
||||
|
||||
parameters: {
|
||||
chromatic: {
|
||||
disableSnapshot: true,
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
export const Offline = {
|
||||
render: () => (
|
||||
<img
|
||||
src="screenshots/ios-16-mobile-safari-ipad-pro-11-2022-landscape-offline.png"
|
||||
alt="iPhone Safari offline"
|
||||
height="1000px"
|
||||
/>
|
||||
),
|
||||
|
||||
name: 'Offline',
|
||||
};
|
||||
|
||||
export const Online = {
|
||||
render: () => (
|
||||
<img
|
||||
src="screenshots/ios-16-mobile-safari-ipad-pro-11-2022-landscape-online.png"
|
||||
alt="iPhone Safari online"
|
||||
height="1000px"
|
||||
/>
|
||||
),
|
||||
|
||||
name: 'Online',
|
||||
};
|
||||
-26
@@ -1,26 +0,0 @@
|
||||
import { Canvas, Meta, Story } from '@storybook/addon-docs';
|
||||
|
||||
<Meta
|
||||
title="owncast/Screenshots/iPhone/Safari/Portrait"
|
||||
parameters={{ chromatic: { disableSnapshot: true } }}
|
||||
/>
|
||||
|
||||
<Story name="Offline">
|
||||
|
||||
<img
|
||||
src="screenshots/ios-16-mobile-safari-ipad-pro-11-2022-landscape-offline.png"
|
||||
alt="iPhone Safari offline"
|
||||
height="1000px"
|
||||
/>
|
||||
|
||||
</Story>
|
||||
|
||||
<Story name="Online">
|
||||
|
||||
<img
|
||||
src="screenshots/ios-16-mobile-safari-ipad-pro-11-2022-landscape-online.png"
|
||||
alt="iPhone Safari online"
|
||||
height="1000px"
|
||||
/>
|
||||
|
||||
</Story>
|
||||
+8
@@ -0,0 +1,8 @@
|
||||
import { Canvas, Meta, Story } from '@storybook/blocks';
|
||||
import * as ScreenshotsMacOsChromeStories from './Screenshots-macOS-chrome.stories';
|
||||
|
||||
<Meta of={ScreenshotsMacOsChromeStories} />
|
||||
|
||||
<Story of={ScreenshotsMacOsChromeStories.Offline} />
|
||||
|
||||
<Story of={ScreenshotsMacOsChromeStories.Online} />
|
||||
+33
@@ -0,0 +1,33 @@
|
||||
export default {
|
||||
title: 'owncast/Screenshots/macOS/Chrome',
|
||||
|
||||
parameters: {
|
||||
chromatic: {
|
||||
disableSnapshot: true,
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
export const Offline = {
|
||||
render: () => (
|
||||
<img
|
||||
src="screenshots/os-x-ventura-chrome-desktop-default-offline.png"
|
||||
alt="macOS Chrome offline"
|
||||
width="100%"
|
||||
/>
|
||||
),
|
||||
|
||||
name: 'Offline',
|
||||
};
|
||||
|
||||
export const Online = {
|
||||
render: () => (
|
||||
<img
|
||||
src="screenshots/os-x-ventura-chrome-desktop-default-online.png"
|
||||
alt="macOS Chrome online"
|
||||
width="100%"
|
||||
/>
|
||||
),
|
||||
|
||||
name: 'Online',
|
||||
};
|
||||
-26
@@ -1,26 +0,0 @@
|
||||
import { Canvas, Meta, Story } from '@storybook/addon-docs';
|
||||
|
||||
<Meta
|
||||
title="owncast/Screenshots/macOS/Chrome"
|
||||
parameters={{ chromatic: { disableSnapshot: true } }}
|
||||
/>
|
||||
|
||||
<Story name="Offline">
|
||||
|
||||
<img
|
||||
src="screenshots/os-x-ventura-chrome-desktop-default-offline.png"
|
||||
alt="macOS Chrome offline"
|
||||
width="100%"
|
||||
/>
|
||||
|
||||
</Story>
|
||||
|
||||
<Story name="Online">
|
||||
|
||||
<img
|
||||
src="screenshots/os-x-ventura-chrome-desktop-default-online.png"
|
||||
alt="macOS Chrome online"
|
||||
width="100%"
|
||||
/>
|
||||
|
||||
</Story>
|
||||
+8
@@ -0,0 +1,8 @@
|
||||
import { Canvas, Meta, Story } from '@storybook/blocks';
|
||||
import * as ScreenshotsMacOsFirefoxStories from './Screenshots-macOS-firefox.stories';
|
||||
|
||||
<Meta of={ScreenshotsMacOsFirefoxStories} />
|
||||
|
||||
<Story of={ScreenshotsMacOsFirefoxStories.Offline} />
|
||||
|
||||
<Story of={ScreenshotsMacOsFirefoxStories.Online} />
|
||||
+33
@@ -0,0 +1,33 @@
|
||||
export default {
|
||||
title: 'owncast/Screenshots/macOS/Firefox',
|
||||
|
||||
parameters: {
|
||||
chromatic: {
|
||||
disableSnapshot: true,
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
export const Offline = {
|
||||
render: () => (
|
||||
<img
|
||||
src="screenshots/os-x-ventura-firefox-desktop-default-offline.png"
|
||||
alt="macOS Chrome offline"
|
||||
width="100%"
|
||||
/>
|
||||
),
|
||||
|
||||
name: 'Offline',
|
||||
};
|
||||
|
||||
export const Online = {
|
||||
render: () => (
|
||||
<img
|
||||
src="screenshots/os-x-ventura-firefox-desktop-default-online.png"
|
||||
alt="macOS Chrome online"
|
||||
width="100%"
|
||||
/>
|
||||
),
|
||||
|
||||
name: 'Online',
|
||||
};
|
||||
-26
@@ -1,26 +0,0 @@
|
||||
import { Canvas, Meta, Story } from '@storybook/addon-docs';
|
||||
|
||||
<Meta
|
||||
title="owncast/Screenshots/macOS/Firefox"
|
||||
parameters={{ chromatic: { disableSnapshot: true } }}
|
||||
/>
|
||||
|
||||
<Story name="Offline">
|
||||
|
||||
<img
|
||||
src="screenshots/os-x-ventura-firefox-desktop-default-offline.png"
|
||||
alt="macOS Chrome offline"
|
||||
width="100%"
|
||||
/>
|
||||
|
||||
</Story>
|
||||
|
||||
<Story name="Online">
|
||||
|
||||
<img
|
||||
src="screenshots/os-x-ventura-firefox-desktop-default-online.png"
|
||||
alt="macOS Chrome online"
|
||||
width="100%"
|
||||
/>
|
||||
|
||||
</Story>
|
||||
+8
@@ -0,0 +1,8 @@
|
||||
import { Canvas, Meta, Story } from '@storybook/blocks';
|
||||
import * as ScreenshotsMacOsSafariStories from './Screenshots-macOS-safari.stories';
|
||||
|
||||
<Meta of={ScreenshotsMacOsSafariStories} />
|
||||
|
||||
<Story of={ScreenshotsMacOsSafariStories.Offline} />
|
||||
|
||||
<Story of={ScreenshotsMacOsSafariStories.Online} />
|
||||
+33
@@ -0,0 +1,33 @@
|
||||
export default {
|
||||
title: 'owncast/Screenshots/macOS/Safari',
|
||||
|
||||
parameters: {
|
||||
chromatic: {
|
||||
disableSnapshot: true,
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
export const Offline = {
|
||||
render: () => (
|
||||
<img
|
||||
src="screenshots/os-x-ventura-safari-desktop-default-offline.png"
|
||||
alt="macOS Safari offline"
|
||||
width="100%"
|
||||
/>
|
||||
),
|
||||
|
||||
name: 'Offline',
|
||||
};
|
||||
|
||||
export const Online = {
|
||||
render: () => (
|
||||
<img
|
||||
src="screenshots/os-x-ventura-safari-desktop-default-online.png"
|
||||
alt="macOS Safari online"
|
||||
width="100%"
|
||||
/>
|
||||
),
|
||||
|
||||
name: 'Online',
|
||||
};
|
||||
-26
@@ -1,26 +0,0 @@
|
||||
import { Canvas, Meta, Story } from '@storybook/addon-docs';
|
||||
|
||||
<Meta
|
||||
title="owncast/Screenshots/macOS/Safari"
|
||||
parameters={{ chromatic: { disableSnapshot: true } }}
|
||||
/>
|
||||
|
||||
<Story name="Offline">
|
||||
|
||||
<img
|
||||
src="screenshots/os-x-ventura-safari-desktop-default-offline.png"
|
||||
alt="macOS Safari offline"
|
||||
width="100%"
|
||||
/>
|
||||
|
||||
</Story>
|
||||
|
||||
<Story name="Online">
|
||||
|
||||
<img
|
||||
src="screenshots/os-x-ventura-safari-desktop-default-online.png"
|
||||
alt="macOS Safari online"
|
||||
width="100%"
|
||||
/>
|
||||
|
||||
</Story>
|
||||
+8
@@ -0,0 +1,8 @@
|
||||
import { Canvas, Meta, Story } from '@storybook/blocks';
|
||||
import * as ScreenshotsWindowsChromeStories from './Screenshots-windows-chrome.stories';
|
||||
|
||||
<Meta of={ScreenshotsWindowsChromeStories} />
|
||||
|
||||
<Story of={ScreenshotsWindowsChromeStories.Offline} />
|
||||
|
||||
<Story of={ScreenshotsWindowsChromeStories.Online} />
|
||||
+33
@@ -0,0 +1,33 @@
|
||||
export default {
|
||||
title: 'owncast/Screenshots/Windows/Chrome',
|
||||
|
||||
parameters: {
|
||||
chromatic: {
|
||||
disableSnapshot: true,
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
export const Offline = {
|
||||
render: () => (
|
||||
<img
|
||||
src="screenshots/windows-11-chrome-desktop-default-offline.png"
|
||||
alt="Windows Chrome offline"
|
||||
width="100%"
|
||||
/>
|
||||
),
|
||||
|
||||
name: 'Offline',
|
||||
};
|
||||
|
||||
export const Online = {
|
||||
render: () => (
|
||||
<img
|
||||
src="screenshots/windows-11-chrome-desktop-default-online.png"
|
||||
alt="Windows Chrome online"
|
||||
width="100%"
|
||||
/>
|
||||
),
|
||||
|
||||
name: 'Online',
|
||||
};
|
||||
-26
@@ -1,26 +0,0 @@
|
||||
import { Canvas, Meta, Story } from '@storybook/addon-docs';
|
||||
|
||||
<Meta
|
||||
title="owncast/Screenshots/Windows/Chrome"
|
||||
parameters={{ chromatic: { disableSnapshot: true } }}
|
||||
/>
|
||||
|
||||
<Story name="Offline">
|
||||
|
||||
<img
|
||||
src="screenshots/windows-11-chrome-desktop-default-offline.png"
|
||||
alt="Windows Chrome offline"
|
||||
width="100%"
|
||||
/>
|
||||
|
||||
</Story>
|
||||
|
||||
<Story name="Online">
|
||||
|
||||
<img
|
||||
src="screenshots/windows-11-chrome-desktop-default-online.png"
|
||||
alt="Windows Chrome online"
|
||||
width="100%"
|
||||
/>
|
||||
|
||||
</Story>
|
||||
+8
@@ -0,0 +1,8 @@
|
||||
import { Canvas, Meta, Story } from '@storybook/blocks';
|
||||
import * as ScreenshotsWindowsFirefoxStories from './Screenshots-windows-firefox.stories';
|
||||
|
||||
<Meta of={ScreenshotsWindowsFirefoxStories} />
|
||||
|
||||
<Story of={ScreenshotsWindowsFirefoxStories.Offline} />
|
||||
|
||||
<Story of={ScreenshotsWindowsFirefoxStories.Online} />
|
||||
+33
@@ -0,0 +1,33 @@
|
||||
export default {
|
||||
title: 'owncast/Screenshots/Windows/Firefox',
|
||||
|
||||
parameters: {
|
||||
chromatic: {
|
||||
disableSnapshot: true,
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
export const Offline = {
|
||||
render: () => (
|
||||
<img
|
||||
src="screenshots/windows-10-firefox-desktop-default-offline.png"
|
||||
alt="Windows Firefox offline"
|
||||
width="100%"
|
||||
/>
|
||||
),
|
||||
|
||||
name: 'Offline',
|
||||
};
|
||||
|
||||
export const Online = {
|
||||
render: () => (
|
||||
<img
|
||||
src="screenshots/windows-10-firefox-desktop-default-online.png"
|
||||
alt="Windows Firefox online"
|
||||
width="100%"
|
||||
/>
|
||||
),
|
||||
|
||||
name: 'Online',
|
||||
};
|
||||
-26
@@ -1,26 +0,0 @@
|
||||
import { Canvas, Meta, Story } from '@storybook/addon-docs';
|
||||
|
||||
<Meta
|
||||
title="owncast/Screenshots/Windows/Firefox"
|
||||
parameters={{ chromatic: { disableSnapshot: true } }}
|
||||
/>
|
||||
|
||||
<Story name="Offline">
|
||||
|
||||
<img
|
||||
src="screenshots/windows-10-firefox-desktop-default-offline.png"
|
||||
alt="Windows Firefox offline"
|
||||
width="100%"
|
||||
/>
|
||||
|
||||
</Story>
|
||||
|
||||
<Story name="Online">
|
||||
|
||||
<img
|
||||
src="screenshots/windows-10-firefox-desktop-default-online.png"
|
||||
alt="Windows Firefox online"
|
||||
width="100%"
|
||||
/>
|
||||
|
||||
</Story>
|
||||
Reference in New Issue
Block a user