wlw/ai-agent
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update workflow editor background colors for improved UI consistency

Browse Source
This commit is contained in:
mlogclub
2026-06-27 20:00:43 +08:00
parent 35ebb59b9a
commit 228ad1902f
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/app/dashboard/ai-workflows/_components/workflow-editor.tsx
+6 -6
View File
@@ -874,7 +874,7 @@ export function WorkflowEditor({
} }
return ( return (
<div ref={editorRef} className="flex h-full min-h-0 w-full bg-[#f7f8fa]"> <div ref={editorRef} className="flex h-full min-h-0 w-full bg-[#f2f4f7]">
{nodeLibraryRendered ? ( {nodeLibraryRendered ? (
<> <>
<div <div
@@ -961,7 +961,7 @@ export function WorkflowEditor({
data-workflow-canvas data-workflow-canvas
ref={canvasRef} ref={canvasRef}
className={[ className={[
"relative h-full min-h-0 overflow-hidden bg-[#f7f8fa]", "relative h-full min-h-0 overflow-hidden bg-[#f2f4f7]",
pendingNodeDrag?.active ? "ring-2 ring-primary/30" : "", pendingNodeDrag?.active ? "ring-2 ring-primary/30" : "",
].join(" ")} ].join(" ")}
> >
@@ -1014,10 +1014,10 @@ export function WorkflowEditor({
maxZoom={1.35} maxZoom={1.35}
> >
<Background <Background
gap={18} gap={[14, 14]}
size={1} size={2}
color="hsl(var(--muted-foreground) / 0.08)" color="rgb(133 133 173 / 0.15)"
className="bg-[#f7f8fa]" className="bg-[#f2f4f7]"
/> />
<Controls <Controls
className="!bottom-4 !left-4 overflow-hidden !rounded-xl !border !border-border/70 !bg-background/90 !shadow-lg backdrop-blur" className="!bottom-4 !left-4 overflow-hidden !rounded-xl !border !border-border/70 !bg-background/90 !shadow-lg backdrop-blur"