From 88f3d8b2c3b81b152fcfc12dbb5732eb65f011dd Mon Sep 17 00:00:00 2001 From: TianYun Date: Mon, 15 Jun 2026 14:52:44 +0800 Subject: [PATCH] =?UTF-8?q?=E8=83=8C=E6=99=AF=E4=B8=8D=E9=80=8F=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/globals.css | 11 ++++++----- src/components/nodes/BaseNode.tsx | 2 +- 2 files changed, 7 insertions(+), 6 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index b2ee1cc5..cc929196 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -92,18 +92,19 @@ body { /* Switch dimming - nodes downstream of disabled Switch outputs */ .react-flow__node.switch-dimmed { - opacity: 0.4; - transition: opacity 250ms ease-in-out; + filter: brightness(0.62) saturate(0.55); + transition: filter 250ms ease-in-out; } /* Skip dimming - nodes skipped due to optional empty inputs */ .react-flow__node.node-skipped { - opacity: 0.35; - transition: opacity 250ms ease-in-out; + filter: brightness(0.55) saturate(0.45); + transition: filter 250ms ease-in-out; } .react-flow__node:not(.switch-dimmed):not(.node-skipped) { - transition: opacity 250ms ease-in-out; + filter: none; + transition: filter 250ms ease-in-out; } /* Base handle styles */ diff --git a/src/components/nodes/BaseNode.tsx b/src/components/nodes/BaseNode.tsx index dcdcf141..bf65a167 100644 --- a/src/components/nodes/BaseNode.tsx +++ b/src/components/nodes/BaseNode.tsx @@ -307,7 +307,7 @@ export function BaseNode({ className={` ${hasExpandedSettings ? "flex-1 min-h-0 w-full" : "h-full w-full"} flex flex-col overflow-visible relative ${fullBleed - ? `${settingsExpanded ? "rounded-t-lg border-b-0" : "rounded-lg"} bg-neutral-800/50 border border-neutral-700/40` + ? `${settingsExpanded ? "rounded-t-lg border-b-0" : "rounded-lg"} bg-neutral-800 border border-neutral-700/60` : `bg-neutral-800 ${settingsExpanded ? "rounded-t-lg border-b-0" : "rounded-lg"} shadow-lg border`} ${fullBleed ? "" : (isCurrentlyExecuting || isExecuting ? "border-blue-500 ring-1 ring-blue-500/20" : "border-neutral-700/60")} ${fullBleed ? "" : (hasError ? "border-red-500" : "")}