fix layout for some of the header stories

chromaui · Dec 12, 2024 · 8227827 · 8227827
1 parent 1e58f92
commit 8227827
Showing 1 changed file with 7 additions and 11 deletions.
diff --git a/src/Header/Header.stories.tsx b/src/Header/Header.stories.tsx
@@ -8,6 +8,9 @@ import { SubNav } from '../SubNav';
 const meta: Meta<typeof Header> = {
   title: 'Components/Header',
   component: Header,
+  parameters: {
+    layout: 'fullscreen',
+  },
 };
 
 export default meta;
@@ -22,7 +25,6 @@ export const DesktopLight: Story = {
     links: defaultLinks,
   },
   parameters: {
-    layout: 'fullscreen',
     chromatic: { viewports: [940, 1024, 1280, 1536] },
     viewport: {
       defaultViewport: 'lg',
@@ -62,27 +64,31 @@ export const DesktopDarkSticky: Story = {
 };
 
 export const DesktopLoggedOut: Story = {
+  ...DesktopLight,
   args: {
     ...DesktopLight.args,
     loggedIn: false,
   },
 };
 
 export const DesktopLoggedIn: Story = {
+  ...DesktopLight,
   args: {
     ...DesktopLight.args,
     loggedIn: true,
   },
 };
 
 export const DesktopLoggedOutMaintenance: Story = {
+  ...DesktopLight,
   args: {
     ...DesktopLight.args,
     maintenanceMode: true,
   },
 };
 
 export const DesktopLoggedInMaintenance: Story = {
+  ...DesktopLight,
   args: {
     ...DesktopLight.args,
     loggedIn: true,
@@ -148,7 +154,6 @@ export const DesktopLightOpen: Story = {
     ...DesktopLight.args,
   },
   parameters: {
-    layout: 'fullscreen',
     chromatic: { pauseAnimationAtEnd: true, delay: 600 },
     viewport: {
       defaultViewport: 'lg',
@@ -171,7 +176,6 @@ export const DesktopDarkOpen: Story = {
     theme: 'dark',
   },
   parameters: {
-    layout: 'fullscreen',
     backgrounds: { default: 'dark' },
     chromatic: { pauseAnimationAtEnd: true, delay: 600 },
     viewport: {
@@ -194,7 +198,6 @@ export const TabletLight: Story = {
     ...DesktopLight.args,
   },
   parameters: {
-    layout: 'fullscreen',
     chromatic: { viewports: [320, 640, 768, 939] },
     viewport: {
       defaultViewport: 'md',
@@ -208,7 +211,6 @@ export const TabletDark: Story = {
     theme: 'dark',
   },
   parameters: {
-    layout: 'fullscreen',
     chromatic: { viewports: [320, 640, 768, 939] },
     viewport: {
       defaultViewport: 'md',
@@ -222,7 +224,6 @@ export const TabletOpen: Story = {
     ...DesktopLight.args,
   },
   parameters: {
-    layout: 'fullscreen',
     chromatic: { viewports: [320, 640, 768, 939] },
     viewport: {
       defaultViewport: 'md',
@@ -259,7 +260,6 @@ export const MobileOpen: Story = {
     ...DesktopLight.args,
   },
   parameters: {
-    layout: 'fullscreen',
     chromatic: { viewports: [320, 640, 768, 939] },
     viewport: {
       defaultViewport: 'xsm',
@@ -280,17 +280,13 @@ export const DesktopFullWidth: Story = {
     ...DesktopLight.args,
     fullWidth: true,
   },
-  parameters: {
-    layout: 'fullscreen',
-  },
 };
 
 export const MobileFullWidth: Story = {
   args: {
     ...DesktopLight.args,
   },
   parameters: {
-    layout: 'fullscreen',
     viewport: {
       defaultViewport: 'xsm',
     },