wangjia
10f881130b
style(web): 小圆角 + 审批闸琥珀→紫 + 组件样式对齐 design [tsk_KhcaF4zoESVe]
看板重构 B2：对照 design/components 与 design/tokens 精修 web 组件样式。
圆角（采用 --radius-* 令牌，状态点保持正圆）：
- xs(3) chip/徽章：StatusChip(.chip)、ComplexityBadge(.cplx)、CountBadge 顶栏 count、
.verdict/.fchip/.fgroup/.gate-kind/.run-st/.t-badge/.t-deps-wait/.agent-run-kind/
.gate-stripe/.metric-model-bar/.gate-count/.ready-count/.doc.md code
- sm(4) 按钮/输入/doc 块：.btn、input/select/textarea、.seg、.bdg、pre.doc、.doc.md、
codeblock、.t-pre、.dep-item/.dep-pick、.detail-action-confirm、archive-size select、
.doc-pending
- md(6) 面板/卡片/toast：.panel、.gate-card、.toast、.filter-bar、.agent-flex/.agent-empty、
.tree-empty、.metric-card/.metric-models、.run-item、.cplx-pop
- lg(10) 模态/预览浮层：.modal、.preview-panel
审批闸 琥珀→紫（--violet/--violet-dim），与 MED(--amber) 区分：
- gate-stripe 斜纹条、gate-head/gate-section 区块头、gate-card 边框、gate-kind 徽章、
bdg-gate 待审批徽章、chip-gate 待审/合状态 chip、gate-count、ev-gatewait 事件、
is-gate 行底色、preview-panel 边框；index.html 审批闸 head-mark 改 violet
- MED 保持琥珀：cplx-medium / seg-m / fc-medium / bdg-blocked / t-deps-wait / dep-item
组件对齐 design 卡片：GateCard 加 overflow:hidden + body 字号 12.5px、gate-title 13px；
浮层阴影统一走 --shadow-pop/modal/toast 令牌；EventItem 圆点 1.5px 微圆角。
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-13 14:45:03 +08:00
..
2026-06-13 12:01:18 +08:00
2026-06-13 14:45:03 +08:00
2026-06-13 14:45:03 +08:00