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

fix: align compact dashboard gradient and public CSS imports

Browse Source
This commit is contained in:
shkim4 committed 2026-10-08 21:38:08 +09:00
1 parent 4daca6d357
commit 99faec189e
3 files changed
+16 -4
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/patterns/dashboard-composition.css
+6 -2
View File
@@ -1,4 +1,4 @@
@import "./dashboard-status-contract.css";
@import "@hm-design/ui/dashboard-status.css";
/* Runtime-neutral status contract → Story mapping. HM has no exact public status semantics for these three inks. */
.dashboard-production {
@@ -31,6 +31,10 @@
/* Story-only Variant C Compact Header (ui_viz patterns-variant-c--all). Geometry follows the reference: header 48 / padding-x 20,
title + 18 after it, status bar 40 high floating from the header top and centred at 50% + 18px, padding-x 36, gap 8, 28px controls,
1x16 dividers, bottom radius 16 with concave wings. Colours and type are HM tokens. Content join / padding stay Dashboard Layout's. */
.dashboard-story-compact [data-slot="dashboard-layout"] {
background: var(--hm-dashboard-compact-background);
}
.dashboard-story-compact [data-story-slot="compact-header"] {
position: relative;
z-index: 1;
@@ -39,7 +43,7 @@
align-items: center;
height: 48px;
padding: 0 20px;
background: var(--hm-dashboard-header-background);
background: var(--hm-dashboard-compact-background);
color: var(--hm-dashboard-nav-text);
}
src/patterns/dashboard-layout.stories.css
+6 -2
View File
@@ -1,4 +1,4 @@
@import "./dashboard-status-contract.css";
@import "@hm-design/ui/dashboard-status.css";
/* Runtime-neutral status contract → Story mapping. HM has no exact public status semantics for these three inks. */
.dashboard-story {
@@ -31,6 +31,10 @@
/* Story-only Variant C Compact Header (ui_viz patterns-variant-c--all). Geometry follows the reference: header 48 / padding-x 20,
title + 18 after it, status bar 40 high floating from the header top and centred at 50% + 18px, padding-x 36, gap 8, 28px controls,
1x16 dividers, bottom radius 16 with concave wings. Colours and type are HM tokens. Content join / padding stay Dashboard Layout's. */
.dashboard-story-compact [data-slot="dashboard-layout"] {
background: var(--hm-dashboard-compact-background);
}
.dashboard-story-compact [data-story-slot="compact-header"] {
position: relative;
z-index: 1;
@@ -39,7 +43,7 @@
align-items: center;
height: 48px;
padding: 0 20px;
background: var(--hm-dashboard-header-background);
background: var(--hm-dashboard-compact-background);
color: var(--hm-dashboard-nav-text);
}