refactor(web): 工作区布局 - 卡片间间隙调小至 4px

- 新增 --workspace-card-gap 组件 token（4px），main-row gap 由 shell-gutter（6px）改引新 token，侧边栏与主区卡片间隙调小；外壳四周留白保持 6px
2026-08-20 00:36:57 +08:00
parent 52a3a9f2b8
commit e026c0570a
1 changed files with 3 additions and 1 deletions
--- a/web/src/styles/globals.css
+++ b/web/src/styles/globals.css
@@ -408,6 +408,8 @@

    --workspace-shell-gutter: 6px;        /* 工作区外壳画布留白与卡片间隙（组件 token）*/

+    --workspace-card-gap: 4px;       /* 侧边栏与主区卡片之间间隙（组件 token）*/
+
    /* --- Semantic 层（引用 Primitive，随主题切换）--- */
    /* 通用语义色（引用 Primitive neutral 色板）*/
    --bg: var(--color-neutral-0);
@@ -1341,7 +1343,7 @@

    .app-workspace-main-row {
        display: flex;
-        gap: var(--workspace-shell-gutter);
+        gap: var(--workspace-card-gap);
        min-height: 0;
        min-width: 0;
        flex: 1 1 auto;