shkim4/HMDesign
Private
Public Access
1
0 Fork 0
Code Activity

fix(storybook): keep the SW Header and Footer Responsive More 1920 rows inside the content area
Deploy Storybook / deploy (push) Successful in 1m12s

Browse Source
This commit is contained in:
shkim4 committed 2026-10-23 10:18:44 +09:00
1 parent 71003c58c1
commit 1916146bd4
4 files changed
+10 -10
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/sw/sw-footer-stories.css
+1 -1
View File
@@ -32,7 +32,7 @@
.sw-footer-story-inline { display: inline-flex; flex-direction: column; padding: 0; }
.sw-footer-story-width + .sw-footer-story-width { margin-top: 16px; }
/* The hidden 1920px row (Responsive More, narrower than 1920px) takes its gap with it. */
@container sw-story-page (max-width: 1999.98px) { .sw-story-responsive-wide + .sw-footer-story-width { margin-top: 0; } }
@container sw-story-page (max-width: 1999.98px) { .sw-story-responsive-hidden + .sw-footer-story-width { margin-top: 0; } }
.sw-footer-story-aux-compare { display: grid; grid-template-columns: repeat(auto-fill, minmax(560px, 1fr)); gap: 16px; }
.sw-footer-story-aux-row { display: flex; align-items: center; gap: 12px; margin: 0; }
.sw-footer-story-aux-row figcaption { flex: 0 0 120px; font-size: 12px; color: #3d4a45; }