fix: use absolute positioning for status dot to prevent IP truncation

This commit is contained in:
Pouzor
2026-04-23 02:31:39 +02:00
committed by Remy
parent 29c97ae501
commit bfe520cd49
@@ -76,8 +76,15 @@ export function BaseNode({ id, data, selected, icon: typeIcon, width, height }:
/>
<Handle type="target" position={Position.Top} id="top-t" style={{ opacity: 0, width: 12, height: 12 }} />
{/* Status dot — absolute to avoid affecting node auto-width */}
<div
className="absolute top-2 right-2 w-1.5 h-1.5 rounded-full"
style={{ backgroundColor: statusColor }}
title={data.status}
/>
{/* Main row */}
<div className="flex flex-row items-start gap-2.5 px-2.5 py-2 min-w-0 overflow-hidden">
<div className="flex flex-row items-center gap-2.5 px-2.5 py-2 min-w-0 overflow-hidden">
{/* Icon */}
<div
className="flex items-center justify-center w-7 h-7 rounded-md shrink-0"
@@ -109,11 +116,6 @@ export function BaseNode({ id, data, selected, icon: typeIcon, width, height }:
</div>
))}
</div>
<div
className="ml-auto w-1.5 h-1.5 rounded-full shrink-0 mt-1"
style={{ backgroundColor: statusColor }}
title={data.status}
/>
</div>
{/* Properties section (new system) */}