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

V13-FE-011: finalize search list layout slice

Browse Source
This commit is contained in:
김재현
2026-08-09 02:57:26 +09:00
parent 9efd202e76
commit 6422cb2b13
984 changed files with 120811 additions and 1498 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/design-system/base.css
+4 -4
View File
@@ -5,18 +5,18 @@ html { color-scheme: light; }
body {
margin: 0;
background: var(--ks-color-canvas);
color: var(--ks-color-neutral-950);
color: var(--ks-color-text);
font-family: Inter, Pretendard, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: var(--ks-font-body);
line-height: var(--ks-line-body);
}
button, input, select, textarea { font: inherit; }
a { color: var(--ks-color-action); }
:focus-visible { outline: 3px solid color-mix(in srgb, var(--ks-color-focus) 55%, transparent); outline-offset: 2px; }
:focus-visible { outline: var(--ks-focus-ring-width) solid color-mix(in srgb, var(--ks-color-focus) 55%, transparent); outline-offset: var(--ks-focus-ring-offset); }
.ks-financial-number { font-variant-numeric: tabular-nums; }
.ks-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.ks-card { background: var(--ks-color-surface); border: 1px solid var(--ks-color-neutral-200); border-radius: var(--ks-radius-md); box-shadow: var(--ks-shadow-sm); }
.ks-card { background: var(--ks-color-surface-raised); border: 1px solid var(--ks-color-border); border-radius: var(--ks-radius-md); box-shadow: var(--ks-shadow-sm); }
.ks-stack { display: grid; gap: var(--ks-space-4); }
.ks-inline { display: flex; align-items: center; gap: var(--ks-space-2); flex-wrap: wrap; }
.ks-muted { color: var(--ks-color-neutral-600); }
.ks-muted { color: var(--ks-color-text-muted); }
.ks-danger-text { color: var(--ks-color-danger); }
frontend/src/design-system/tokens.css
+17
View File
@@ -16,6 +16,13 @@
--ks-color-surface: #ffffff;
--ks-color-canvas: #f7f8fa;
--ks-color-focus: #2563eb;
--ks-color-text: var(--ks-color-neutral-950);
--ks-color-text-muted: var(--ks-color-neutral-600);
--ks-color-text-on-dark: var(--ks-color-surface);
--ks-color-surface-raised: var(--ks-color-surface);
--ks-color-border: var(--ks-color-neutral-200);
--ks-color-border-strong: var(--ks-color-neutral-300);
--ks-color-warning-border: var(--ks-color-warning);
--ks-space-1: 0.25rem;
--ks-space-2: 0.5rem;
--ks-space-3: 0.75rem;
@@ -27,6 +34,7 @@
--ks-radius-lg: 0.75rem;
--ks-shadow-sm: 0 1px 2px rgb(0 0 0 / 8%);
--ks-shadow-md: 0 8px 24px rgb(0 0 0 / 10%);
--ks-shadow-lg: 0 16px 48px rgb(0 0 0 / 16%);
--ks-font-page: 1.5rem;
--ks-line-page: 2rem;
--ks-font-section: 1.125rem;
@@ -38,6 +46,15 @@
--ks-control-height: 2.75rem;
--ks-grid-density: 2.25rem;
--ks-content-max: 100rem;
--ks-focus-ring-width: 3px;
--ks-focus-ring-offset: 2px;
--ks-shell-sidebar-width: 16rem;
--ks-shell-header-height: 3.5rem;
--ks-shell-sidenav-width: 13.75rem;
--ks-shell-sidenav-collapsed: 3.5rem;
--ks-shell-tabs-height: 2.5rem;
--ks-shell-pageheader-height: 3rem;
--ks-shell-commandbar-height: 2.75rem;
}
[data-density='compact'] {