feat: Add responsive design and improve cover image styling

01-binary · 01-binary · commit 68ca4a4999b9 · 2025-04-08T21:18:20.000+09:00
diff --git a/apps/storybook/.storybook/preview-head.html b/apps/storybook/.storybook/preview-head.html
@@ -0,0 +1,9 @@
+<!-- .storybook/preview-head.html -->
+<style>
+  /* 스토리북 루트 요소에 적용될 스타일 */
+  #storybook-root, #storybook-docs, .docs-story, .sb-main-padded, .sb-main, .docs-story .simplebar-content {
+    width: 100% !important;
+    max-width: 100% !important;
+    box-sizing: border-box !important;
+  }
+</style>
diff --git a/apps/storybook/.storybook/preview.ts b/apps/storybook/.storybook/preview.ts
@@ -1,5 +1,4 @@
 import type { Preview } from '@storybook/react';
-// 중요: CSS 파일을 직접 가져옵니다
 import 'notion-to-jsx/dist/index.css';
 
 const preview: Preview = {

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,4 @@`
`1`	`1`	`import type { Preview } from '@storybook/react';`
`2`		`-// 중요: CSS 파일을 직접 가져옵니다`
`3`	`2`	`import 'notion-to-jsx/dist/index.css';`
`4`	`3`
`5`	`4`	`const preview: Preview = {`