From fd5ff1606f486573f75c17d0e16ffc7dddef7379 Mon Sep 17 00:00:00 2001 From: 18628386721 <18628386721@163.com> Date: Tue, 28 Jul 2026 15:11:44 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8B=86=E6=8E=89=E7=94=BB=E5=B8=83=E7=9A=84?= =?UTF-8?q?=E7=81=B0=E5=A3=B3=20=E2=80=94=E2=80=94=20=E7=99=BD=E5=9B=BE?= =?UTF-8?q?=E7=BA=B8=E8=87=AA=E5=B7=B1=E5=B0=B1=E6=98=AF=E9=82=A3=E5=BC=A0?= =?UTF-8?q?=E5=8D=A1,=E4=B8=80=E8=A1=8C=E4=B8=80=E5=B1=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 用户点破:右侧流程图看着是「两个层叠风格」—— 因为 .g-canvas 自己是一张灰卡 (#e9edf2 底 + 边框 + 14px 圆角),里面再垫白图纸;而左侧版本卡是单层白纸。 同一行两种叠法,像两套风格摞着。 拆掉灰壳:.g-canvas 只做布局(透明、无框),白图纸(process-doc)flex 撑满列高, 自己就是那张卡 —— 与版本卡同纸同影同角。实测:壳背景 transparent、边框 none, 白纸与版本卡顶对齐(256=256)、等高(572=572)。 Co-Authored-By: Claude Opus 5 (1M context) Claude-Session: https://claude.ai/code/session_01KeDBx2PHLavbURXB8LJJ7m --- apps/web/src/app/styles/console.css | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/apps/web/src/app/styles/console.css b/apps/web/src/app/styles/console.css index e5d2a7e..40fb1c7 100644 --- a/apps/web/src/app/styles/console.css +++ b/apps/web/src/app/styles/console.css @@ -329,10 +329,16 @@ /* ============ 编排工作区：左 2/3 画布（整图不裁切）+ 右 1/3 属性栏 ============ */ .g-orch { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 12px; align-items: start; } -.g-canvas { border: 1px solid var(--cline); border-radius: 14px; overflow: hidden; background: #e9edf2; } +/* + * 画布不再自带灰框。从前 .g-canvas 是一张灰卡(#e9edf2 底 + 边框 + 14px 圆角), + * 里面再垫白图纸 —— 右边「灰框套白纸」两层,左边版本卡单层白纸,同一行两种叠法, + * 看着像两套风格摞在一起(用户点破)。拆掉灰壳:**白图纸自己就是那张卡**, + * 与左侧版本卡同纸同影同角,一行一层。 + */ +.g-canvas { display: flex; flex-direction: column; min-height: 0; } /* 图自身按 aspect-ratio 缩放，整张一定看得全——纸面不再限高、不再内部滚动 */ -.g-canvas .process-desk { height: auto; max-height: none; overflow: visible; padding: 12px 10px 16px; background: transparent; } -.g-canvas .process-doc { max-width: none; padding: 14px 18px 18px; border-radius: 10px; box-shadow: var(--cshadow); } +.g-canvas .process-desk { flex: 1; min-height: 0; height: auto; max-height: none; overflow: visible; padding: 0; background: transparent; display: flex; flex-direction: column; } +.g-canvas .process-doc { flex: 1; min-height: 0; box-sizing: border-box; max-width: none; padding: 14px 18px 18px; border-radius: 10px; box-shadow: var(--cshadow); } /* 画布上的选中态（外挂类，_flow 复刻件未改）：命中层描边 = 选中框 */ .g-canvas .flow-node-sel .djs-hit { fill: rgba(51, 112, 255, .09) !important; stroke: #3370ff !important; stroke-width: 2.5px !important; stroke-opacity: 1 !important; rx: 7px; ry: 7px; }