From cca00fccaa661500788254ce3231c15844b6413f Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Sat, 18 Apr 2026 11:03:43 +0300
Subject: [PATCH] chore(storybook): remove mobile stories and initialWidth prop
 from stories. The mobile view available throught viewport selector in the
 header

---
 .../ui/FiltersControl/FilterControls.stories.svelte   |  2 +-
 .../ui/TypographyMenu/TypographyMenu.stories.svelte   | 11 +----------
 .../SidebarContainer/SidebarContainer.stories.svelte  |  2 +-
 3 files changed, 3 insertions(+), 12 deletions(-)

diff --git a/src/features/GetFonts/ui/FiltersControl/FilterControls.stories.svelte b/src/features/GetFonts/ui/FiltersControl/FilterControls.stories.svelte
index 9f935a9..e1643a6 100644
--- a/src/features/GetFonts/ui/FiltersControl/FilterControls.stories.svelte
+++ b/src/features/GetFonts/ui/FiltersControl/FilterControls.stories.svelte
@@ -30,7 +30,7 @@ const { Story } = defineMeta({
 
 <Story name="Mobile layout">
     {#snippet template()}
-        <Providers initialWidth={375}>
+        <Providers>
             <div style="width: 375px;">
                 <FilterControls />
             </div>
diff --git a/src/features/SetupFont/ui/TypographyMenu/TypographyMenu.stories.svelte b/src/features/SetupFont/ui/TypographyMenu/TypographyMenu.stories.svelte
index 20dde39..d730941 100644
--- a/src/features/SetupFont/ui/TypographyMenu/TypographyMenu.stories.svelte
+++ b/src/features/SetupFont/ui/TypographyMenu/TypographyMenu.stories.svelte
@@ -16,6 +16,7 @@ const { Story } = defineMeta({
             story: { inline: false },
         },
         layout: 'centered',
+        storyStage: { maxWidth: 'max-w-xl' },
     },
     argTypes: {
         hidden: { control: 'boolean' },
@@ -33,16 +34,6 @@ const { Story } = defineMeta({
     {/snippet}
 </Story>
 
-<Story name="Mobile">
-    {#snippet template()}
-        <Providers initialWidth={375}>
-            <div class="relative h-20 flex items-end justify-end p-4">
-                <TypographyMenu />
-            </div>
-        </Providers>
-    {/snippet}
-</Story>
-
 <Story name="Hidden">
     {#snippet template()}
         <Providers>
diff --git a/src/shared/ui/SidebarContainer/SidebarContainer.stories.svelte b/src/shared/ui/SidebarContainer/SidebarContainer.stories.svelte
index df990da..e57d55c 100644
--- a/src/shared/ui/SidebarContainer/SidebarContainer.stories.svelte
+++ b/src/shared/ui/SidebarContainer/SidebarContainer.stories.svelte
@@ -80,7 +80,7 @@ const { Story } = defineMeta({
 
 <Story name="Mobile Open">
     {#snippet template()}
-        <Providers initialWidth={375}>
+        <Providers>
             <div class="h-64 relative overflow-hidden">
                 <SidebarContainer isOpen={true}>
                     {#snippet sidebar({ onClose })}