f91ef84832
All checks were successful
Test Asgard Runner / test (push) Successful in 4s
Tokens ported 1:1 from the Claude Design bundle (colors/game-themes/type/spacing/elevation/motion/fonts) with the data-theme/data-game theming contract via useThemeGame (+ cc-skin-swap repaint guard). 23 design-system components reimplemented as Vue SFCs (core/forms/data/navigation/feedback/brand). DashboardLayout rebuilt as the game-aware shell (GameSwitcher, grouped nav with permission gating preserved, agent-health footer, topbar). DashboardView: Fleet + Solo with per-game GAME_FIELDS rows and the themed ECharts PlayersChart; Solo wired to the real server store, Fleet on representative data pending the multi-instance backend. All four game skins (Rust/Dune/Conan/Soulmask). vue-tsc + vite build green. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
51 lines
1.2 KiB
CSS
51 lines
1.2 KiB
CSS
/* ============================================================
|
|
Corrosion Control — Spacing, Radius, Sizing
|
|
Dense ops-cockpit scale. 4px base grid, tightened.
|
|
============================================================ */
|
|
|
|
:root {
|
|
/* Space scale (px) — used for padding, gap, margins */
|
|
--space-0: 0;
|
|
--space-px: 1px;
|
|
--space-0-5: 2px;
|
|
--space-1: 4px;
|
|
--space-1-5: 6px;
|
|
--space-2: 8px;
|
|
--space-2-5: 10px;
|
|
--space-3: 12px;
|
|
--space-4: 16px;
|
|
--space-5: 20px;
|
|
--space-6: 24px;
|
|
--space-7: 28px;
|
|
--space-8: 32px;
|
|
--space-10: 40px;
|
|
--space-12: 48px;
|
|
--space-14: 56px;
|
|
--space-16: 64px;
|
|
--space-20: 80px;
|
|
--space-24: 96px;
|
|
--space-32: 128px;
|
|
|
|
/* Radius — small & technical; cards stay crisp, not rounded-blobby */
|
|
--radius-xs: 3px;
|
|
--radius-sm: 5px;
|
|
--radius-md: 7px;
|
|
--radius-lg: 10px;
|
|
--radius-xl: 14px;
|
|
--radius-2xl: 20px;
|
|
--radius-pill: 999px;
|
|
|
|
/* Control heights — compact rows for data-dense UI */
|
|
--control-h-xs: 24px;
|
|
--control-h-sm: 30px;
|
|
--control-h-md: 36px;
|
|
--control-h-lg: 44px;
|
|
|
|
/* Layout primitives */
|
|
--sidebar-w: 248px;
|
|
--sidebar-w-collapsed: 64px;
|
|
--topbar-h: 56px;
|
|
--content-max: 1440px;
|
|
--container-pad: var(--space-6);
|
|
}
|