Merge branch 'dev' into design/254-mypage-mobile-ui

JECT-Study · Dec 28, 2024 · 4628562 · 4628562
2 parents 97765df + a7bac45
commit 4628562
Show file tree

Hide file tree

Showing 204 changed files with 4,368 additions and 3,512 deletions.
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -11,6 +11,7 @@ const config: StorybookConfig = {
     '@storybook/addon-essentials',
     '@chromatic-com/storybook',
     '@storybook/addon-interactions',
+    '@storybook/addon-viewport',
   ],
   framework: {
     name: '@storybook/react-webpack5',

diff --git a/.storybook/preview.ts b/.storybook/preview.ts
@@ -1,6 +1,19 @@
 import type { Preview } from '@storybook/react';
+import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport'; 
 import '../src/styles/reset.css';
 
+const customViewports = {
+  mobile: {
+    name: 'mobile',
+    styles: {
+      width: '430px',
+      height: '400px', 
+    },
+    type: 'mobile',
+  },
+};
+
+
 const preview: Preview = {
   parameters: {
     controls: {
@@ -9,7 +22,13 @@ const preview: Preview = {
         date: /Date$/i,
       },
     },
+    viewport: {
+      viewports: {
+        ...INITIAL_VIEWPORTS,
+        ...customViewports
+      },
+    },
   },
 };
 
-export default preview;
+export default preview;