From dcddc59d28fc4d83c68b74eb48b84cf45569038c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=88=B1=E7=AC=91=E7=9A=84=E6=AF=9B=E6=AF=9B=E8=99=AB?= <315515767@qq.com> Date: Tue, 4 Aug 2026 21:00:18 +0800 Subject: [PATCH] =?UTF-8?q?refactor(canvas):=20=E6=B5=AE=E5=B1=82=E5=AE=BD?= =?UTF-8?q?=E5=BA=A6=20token=20=E6=8F=90=E5=8F=96=20=E2=80=94=20sidebar/pa?= =?UTF-8?q?nel-width=20=E5=8E=BB=E7=A1=AC=E7=BC=96=E7=A0=81=20#126=20(#130?= =?UTF-8?q?)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 补齐审计第 5 项「配套 token 提取」遗留： - 新增 --canvas-sidebar-width(232px) 与 --canvas-panel-width(min(332px,calc(100vw-24px))) 两个布局 token，归入 globals.css Canvas 布局段 - canvas-project-sidebar 侧栏 w-[232px] → w-[var(--canvas-sidebar-width)] - canvas-active-task-panel 浮动面板 w-[min(332px,calc(100vw-24px))] → w-[var(--canvas-panel-width)]，消除审计 P0-8.1 重复硬编码公式 助手面板已改用动态 width prop（320–760px 可调），不消费该静态 token。 Co-authored-by: sikongyue <3155157671@qq.com> --- web/src/components/canvas/canvas-active-task-panel.tsx | 2 +- web/src/components/canvas/canvas-project-sidebar.tsx | 2 +- web/src/styles/globals.css | 4 ++++ 3 files changed, 6 insertions(+), 2 deletions(-) diff --git a/web/src/components/canvas/canvas-active-task-panel.tsx b/web/src/components/canvas/canvas-active-task-panel.tsx index 07b797876..46ab77e8b 100644 --- a/web/src/components/canvas/canvas-active-task-panel.tsx +++ b/web/src/components/canvas/canvas-active-task-panel.tsx @@ -41,7 +41,7 @@ export function CanvasActiveTaskPanel({ tasks }: { tasks: GenerationTask[] }) { animate={{ opacity: 1, y: 0, scale: 1 }} exit={{ opacity: 0, y: -8, scale: 0.98 }} transition={motionTransition} - className="pointer-events-none absolute right-3 top-[72px] z-[var(--z-panel-floating)] w-[min(332px,calc(100vw-24px))]" + className="pointer-events-none absolute right-3 top-[72px] z-[var(--z-panel-floating)] w-[var(--canvas-panel-width)]" > +