glyphdiff.com/frontend-svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(storybook): replace viewport with defaultViewport

Browse Source
This commit is contained in:
Ilia Mashkov
2026-04-18 11:04:10 +03:00
parent cca00fccaa
commit 66dcffa448
3 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/widgets/ComparisonView/ui/ComparisonView/ComparisonView.stories.svelte
View File

@@ -89,7 +89,7 @@ const { Story } = defineMeta({
<Story <Story
name="Default" name="Default"
parameters={{ globals: { viewport: 'fullScreen' } }} parameters={{ viewport: { defaultViewport: 'fullScreen' } }}
> >
{#snippet template()} {#snippet template()}
<Providers> <Providers>

14
src/widgets/FontSearch/ui/FontSearch/FontSearch.stories.svelte
View File

@@ -98,13 +98,13 @@ let showFiltersClosed = $state(false);
let showFiltersOpen = $state(true); let showFiltersOpen = $state(true);
</script> </script>
<Story name="Default" parameters={{ globals: { viewport: 'widgetWide' } }}> <Story name="Default" parameters={{ viewport: { defaultViewport: 'widgetWide' } }}>
<div class="w-full max-w-3xl"> <div class="w-full max-w-3xl">
<FontSearch bind:showFilters={showFiltersDefault} /> <FontSearch bind:showFilters={showFiltersDefault} />
</div> </div>
</Story> </Story>
<Story name="Filters Open" parameters={{ globals: { viewport: 'widgetWide' } }}> <Story name="Filters Open" parameters={{ viewport: { defaultViewport: 'widgetWide' } }}>
<div class="w-full max-w-3xl"> <div class="w-full max-w-3xl">
<FontSearch bind:showFilters={showFiltersOpen} /> <FontSearch bind:showFilters={showFiltersOpen} />
<div class="mt-8 text-center"> <div class="mt-8 text-center">
@@ -113,7 +113,7 @@ let showFiltersOpen = $state(true);
</div> </div>
</Story> </Story>
<Story name="Filters Closed" parameters={{ globals: { viewport: 'widgetWide' } }}> <Story name="Filters Closed" parameters={{ viewport: { defaultViewport: 'widgetWide' } }}>
<div class="w-full max-w-3xl"> <div class="w-full max-w-3xl">
<FontSearch bind:showFilters={showFiltersClosed} /> <FontSearch bind:showFilters={showFiltersClosed} />
<div class="mt-8 text-center"> <div class="mt-8 text-center">
@@ -122,13 +122,13 @@ let showFiltersOpen = $state(true);
</div> </div>
</Story> </Story>
<Story name="Full Width" parameters={{ globals: { viewport: 'fullWidth' } }}> <Story name="Full Width" parameters={{ viewport: { defaultViewport: 'fullWidth' } }}>
<div class="w-full px-8"> <div class="w-full px-8">
<FontSearch /> <FontSearch />
</div> </div>
</Story> </Story>
<Story name="In Context" tags={['!autodocs']} parameters={{ globals: { viewport: 'widgetWide' } }}> <Story name="In Context" tags={['!autodocs']} parameters={{ viewport: { defaultViewport: 'widgetWide' } }}>
<div class="w-full max-w-3xl p-8 space-y-6"> <div class="w-full max-w-3xl p-8 space-y-6">
<div class="text-center mb-8"> <div class="text-center mb-8">
<h1 class="text-4xl font-bold mb-2">Font Browser</h1> <h1 class="text-4xl font-bold mb-2">Font Browser</h1>
@@ -145,7 +145,7 @@ let showFiltersOpen = $state(true);
</div> </div>
</Story> </Story>
<Story name="With Filters Demo" parameters={{ globals: { viewport: 'widgetWide' } }}> <Story name="With Filters Demo" parameters={{ viewport: { defaultViewport: 'widgetWide' } }}>
<div class="w-full max-w-3xl"> <div class="w-full max-w-3xl">
<div class="mb-4 p-4 bg-background-40 rounded-lg"> <div class="mb-4 p-4 bg-background-40 rounded-lg">
<p class="text-sm text-text-muted"> <p class="text-sm text-text-muted">
@@ -157,7 +157,7 @@ let showFiltersOpen = $state(true);
</div> </div>
</Story> </Story>
<Story name="Responsive Behavior" parameters={{ globals: { viewport: 'fullWidth' } }}> <Story name="Responsive Behavior" parameters={{ viewport: { defaultViewport: 'fullWidth' } }}>
<div class="w-full"> <div class="w-full">
<div class="mb-4 text-center"> <div class="mb-4 text-center">
<p class="text-text-muted text-sm">Resize browser to see responsive layout</p> <p class="text-text-muted text-sm">Resize browser to see responsive layout</p>

12
src/widgets/SampleList/ui/SampleList/SampleList.stories.svelte
View File

@@ -89,7 +89,7 @@ const { Story } = defineMeta({
}); });
</script> </script>
<Story name="Default" parameters={{ globals: { viewport: 'fullScreen' } }}> <Story name="Default" parameters={{ viewport: { defaultViewport: 'fullScreen' } }}>
<div class="min-h-screen bg-background"> <div class="min-h-screen bg-background">
<div class="max-w-4xl mx-auto py-12 px-4 sm:px-6 lg:px-8"> <div class="max-w-4xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
<div class="mb-8 text-center"> <div class="mb-8 text-center">
@@ -101,13 +101,13 @@ const { Story } = defineMeta({
</div> </div>
</Story> </Story>
<Story name="Full Page" parameters={{ globals: { viewport: 'fullScreen' } }}> <Story name="Full Page" parameters={{ viewport: { defaultViewport: 'fullScreen' } }}>
<div class="min-h-screen bg-background"> <div class="min-h-screen bg-background">
<SampleList /> <SampleList />
</div> </div>
</Story> </Story>
<Story name="With Typography Controls" parameters={{ globals: { viewport: 'fullScreen' } }}> <Story name="With Typography Controls" parameters={{ viewport: { defaultViewport: 'fullScreen' } }}>
<div class="min-h-screen bg-background"> <div class="min-h-screen bg-background">
<div class="max-w-4xl mx-auto py-12 px-4 sm:px-6 lg:px-8"> <div class="max-w-4xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
<div class="mb-8 text-center"> <div class="mb-8 text-center">
@@ -119,7 +119,7 @@ const { Story } = defineMeta({
</div> </div>
</Story> </Story>
<Story name="Custom Text" parameters={{ globals: { viewport: 'fullScreen' } }}> <Story name="Custom Text" parameters={{ viewport: { defaultViewport: 'fullScreen' } }}>
<div class="min-h-screen bg-background"> <div class="min-h-screen bg-background">
<div class="max-w-4xl mx-auto py-12 px-4 sm:px-6 lg:px-8"> <div class="max-w-4xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
<div class="mb-8 text-center"> <div class="mb-8 text-center">
@@ -131,7 +131,7 @@ const { Story } = defineMeta({
</div> </div>
</Story> </Story>
<Story name="Pagination Info" parameters={{ globals: { viewport: 'fullScreen' } }}> <Story name="Pagination Info" parameters={{ viewport: { defaultViewport: 'fullScreen' } }}>
<div class="min-h-screen bg-background"> <div class="min-h-screen bg-background">
<div class="max-w-4xl mx-auto py-12 px-4 sm:px-6 lg:px-8"> <div class="max-w-4xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
<div class="mb-8 text-center"> <div class="mb-8 text-center">
@@ -143,7 +143,7 @@ const { Story } = defineMeta({
</div> </div>
</Story> </Story>
<Story name="Responsive Layout" parameters={{ globals: { viewport: 'fullScreen' } }}> <Story name="Responsive Layout" parameters={{ viewport: { defaultViewport: 'fullScreen' } }}>
<div class="min-h-screen bg-background"> <div class="min-h-screen bg-background">
<div class="max-w-6xl mx-auto py-12 px-4 sm:px-6 lg:px-8"> <div class="max-w-6xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
<div class="mb-8 text-center"> <div class="mb-8 text-center">