Browse Source

style: add top padding and max-width to ArrayNode top fields

Add pt-1 to content area so fields don't hug the top edge, and
max-w-[75%] to the Split/By field rows so they don't extend behind
the auto-route button icon.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
handoff-20260429-1057
shrimbly 4 months ago
parent
commit
b6c98e9643
  1. 8
      src/components/nodes/ArrayNode.tsx

8
src/components/nodes/ArrayNode.tsx

@ -196,8 +196,8 @@ export function ArrayNode({ id, data, selected }: NodeProps<ArrayNodeType>) {
</svg>
</button>
<div className="flex flex-col gap-2 flex-1 min-h-0">
<div className="flex items-center gap-2">
<div className="flex flex-col gap-2 pt-1 flex-1 min-h-0">
<div className="flex items-center gap-2 max-w-[75%]">
<label className="shrink-0 text-[11px] text-neutral-400">Split</label>
<select
value={nodeData.splitMode}
@ -211,7 +211,7 @@ export function ArrayNode({ id, data, selected }: NodeProps<ArrayNodeType>) {
</div>
{nodeData.splitMode === "delimiter" && (
<div className="flex items-center gap-2">
<div className="flex items-center gap-2 max-w-[75%]">
<label className="shrink-0 text-[11px] text-neutral-400">By</label>
<input
value={nodeData.delimiter}
@ -223,7 +223,7 @@ export function ArrayNode({ id, data, selected }: NodeProps<ArrayNodeType>) {
)}
{nodeData.splitMode === "regex" && (
<div className="flex items-center gap-2">
<div className="flex items-center gap-2 max-w-[75%]">
<label className="shrink-0 text-[11px] text-neutral-400">By</label>
<input
value={nodeData.regexPattern}

Loading…
Cancel
Save