chore(storybook): replace viewport with defaultViewport

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