Browse Source

fix: match outer wrapper bg to node body and let fields resize on narrow nodes

- Change outer wrapper bg from #2a2a2a to bg-neutral-800 to match node body,
  eliminating visible color mismatch at rounded corners
- Remove overflow-hidden from InlineParameterPanel (was clipping fields)
- Use min(180px, 100%) in grid minmax so columns shrink to fit narrow nodes

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
handoff-20260429-1057
shrimbly 4 months ago
parent
commit
459e31ca66
  1. 2
      src/components/nodes/BaseNode.tsx
  2. 2
      src/components/nodes/InlineParameterPanel.tsx
  3. 2
      src/components/nodes/ModelParameters.tsx

2
src/components/nodes/BaseNode.tsx

@ -180,7 +180,7 @@ export function BaseNode({
return ( return (
<div <div
className={hasExpandedSettings className={hasExpandedSettings
? `relative flex flex-col w-full h-full overflow-visible bg-[#2a2a2a] rounded-lg ${selected ? "ring-2 ring-blue-500/40 shadow-lg shadow-blue-500/25" : ""}` ? `relative flex flex-col w-full h-full overflow-visible bg-neutral-800 rounded-lg ${selected ? "ring-2 ring-blue-500/40 shadow-lg shadow-blue-500/25" : ""}`
: "contents"} : "contents"}
onDoubleClick={handleResizeHandleDblClick} onDoubleClick={handleResizeHandleDblClick}
> >

2
src/components/nodes/InlineParameterPanel.tsx

@ -49,7 +49,7 @@ export function InlineParameterPanel({
{expanded && ( {expanded && (
<div <div
id={`params-${nodeId}`} id={`params-${nodeId}`}
className="nodrag nopan nowheel bg-[#2a2a2a] px-3 pt-2 pb-3 rounded-b-lg overflow-hidden" className="nodrag nopan nowheel bg-[#2a2a2a] px-3 pt-2 pb-3 rounded-b-lg"
> >
{children} {children}
</div> </div>

2
src/components/nodes/ModelParameters.tsx

@ -227,7 +227,7 @@ export function ModelParameters({
<div <div
ref={gridRef} ref={gridRef}
className={useGrid className={useGrid
? "grid grid-cols-[repeat(auto-fill,minmax(180px,1fr))] max-w-[640px] mx-auto gap-x-6 gap-y-1.5" ? "grid grid-cols-[repeat(auto-fill,minmax(min(180px,100%),1fr))] max-w-[640px] mx-auto gap-x-6 gap-y-1.5"
: "space-y-1.5 max-w-[280px]" : "space-y-1.5 max-w-[280px]"
} }
> >

Loading…
Cancel
Save