Browse Source

style: increase background opacity on Switch, ConditionalSwitch, and Router nodes

Changed from /50 to /80 so the nodes are more visually prominent on the canvas.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
handoff-20260429-1057
shrimbly 5 months ago
parent
commit
a009260cf0
  1. 2
      src/components/nodes/ConditionalSwitchNode.tsx
  2. 2
      src/components/nodes/RouterNode.tsx
  3. 2
      src/components/nodes/SwitchNode.tsx

2
src/components/nodes/ConditionalSwitchNode.tsx

@ -229,7 +229,7 @@ export const ConditionalSwitchNode = memo(({ id, data, selected }: NodeProps<Wor
selected={selected}
minWidth={260}
minHeight={minHeight}
className="bg-teal-950/50 border-teal-600"
className="bg-teal-950/80 border-teal-600"
>
{/* Input handle (left) - text only, aligned with header */}
<Handle

2
src/components/nodes/RouterNode.tsx

@ -79,7 +79,7 @@ export const RouterNode = memo(({ id, data, selected }: NodeProps<WorkflowNode>)
selected={selected}
minWidth={200}
minHeight={minHeight}
className="bg-neutral-800/50 border-neutral-600"
className="bg-neutral-800/80 border-neutral-600"
>
{/* Input handles (left) */}
{activeInputTypes.map((type, index) => (

2
src/components/nodes/SwitchNode.tsx

@ -122,7 +122,7 @@ export const SwitchNode = memo(({ id, data, selected }: NodeProps<WorkflowNode>)
selected={selected}
minWidth={220}
minHeight={minHeight}
className="bg-violet-950/50 border-violet-600"
className="bg-violet-950/80 border-violet-600"
>
{/* Input handle (left) */}
{nodeData.inputType ? (

Loading…
Cancel
Save