kjh2064/KArtSell.Aegis
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(fe): enforce global design tokens for grid density, font scale and component heights in tokens.css and base.css

Browse Source
This commit is contained in:
김재현
2026-08-15 21:47:32 +09:00
parent db3865cb6c
commit 72d0da0383
3 changed files with 34 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/design-system/base.css
+28
View File
@@ -38,3 +38,31 @@ a { color: var(--ks-color-action); }
.ks-inline { display: flex; align-items: center; gap: var(--ks-space-2); flex-wrap: wrap; }
.ks-muted { color: var(--ks-color-text-muted); }
.ks-danger-text { color: var(--ks-color-danger); }
/* Global Ultra-Dense Form Control & Button Density Standardization (전역 통일 규격) */
input[type="text"], input[type="number"], input[type="date"], select, .p-inputtext, .p-select, .p-dropdown {
height: var(--ks-control-height) !important;
font-size: var(--ks-font-body) !important;
padding: 0 var(--ks-space-2) !important;
border-radius: var(--ks-radius-sm) !important;
border-color: var(--ks-color-border) !important;
}
button, .p-button {
height: var(--ks-control-height) !important;
font-size: var(--ks-font-body) !important;
padding: 0 var(--ks-space-3) !important;
border-radius: var(--ks-radius-sm) !important;
}
.p-button-sm {
height: 24px !important;
font-size: var(--ks-font-caption) !important;
padding: 0 var(--ks-space-2) !important;
}
.p-button-lg {
height: 32px !important;
font-size: var(--ks-font-section) !important;
padding: 0 var(--ks-space-4) !important;
}
frontend/src/design-system/tokens.css
+3 -2
View File
@@ -181,17 +181,18 @@
}
/* AG Grid Global Theme & Density Standardization Rule (AG Grid 통일 규격) */
.ag-theme-quartz, .ag-theme-alpine {
.ag-theme-quartz, .ag-theme-alpine, [class*="ag-theme-"], .ag-root-wrapper {
--ag-grid-size: 3px !important;
--ag-list-item-height: 28px !important;
--ag-header-height: 30px !important;
--ag-row-height: 28px !important;
--ag-font-size: var(--ks-font-grid) !important;
--ag-font-family: var(--ks-font-family-base) !important;
--ag-font-family: Inter, Pretendard, system-ui, -apple-system, sans-serif !important;
--ag-border-color: var(--ks-color-border) !important;
--ag-header-background-color: var(--ks-color-canvas) !important;
--ag-row-hover-color: var(--ks-color-neutral-100) !important;
--ag-selected-row-background-color: rgba(59, 130, 246, 0.1) !important;
font-size: var(--ks-font-grid) !important;
}
/* Raw Table Standard Grid Class for legacy fallback tables */