style(storybook): unify page hierarchy and compact layouts

This commit is contained in:
shkim4 committed 2026-11-11 11:28:58 +09:00
1 parent cda60840d8
commit ff55a805d5
21 files changed
+115 -85

No files matched your search

+2 -3
View File
@@ -159,9 +159,8 @@ export const All: Story = {
name: "Tabs",
parameters: { layout: "fullscreen", controls: { disable: true } },
render: () => (
// `py-4!` trims this page's top and bottom padding (30-40px by viewport width) so the page fits a 900px-high PC screen without
// shrinking any component; the important modifier is needed because the shared rule has the same specificity. Section gaps stay 32px.
<StoryPage className="py-4!">
// The common compact Story page (16–24px gutter, 24px section gap) fits this page on a 900px-high PC screen without an override.
<StoryPage>
<StoryPageHeader title="Tabs" />
<StorySection title="Variants">
{/* The former States section (Overflow) is the third Variants item. */}