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 (
<div
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"}
onDoubleClick={handleResizeHandleDblClick}
>

2
src/components/nodes/InlineParameterPanel.tsx

@ -49,7 +49,7 @@ export function InlineParameterPanel({
{expanded && (
<div
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}
</div>

2
src/components/nodes/ModelParameters.tsx

@ -227,7 +227,7 @@ export function ModelParameters({
<div
ref={gridRef}
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]"
}
>

Loading…
Cancel
Save