url/homelable
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: cluster handles are bidirectional — connectionMode loose, both type source

Browse Source
This commit is contained in:
Pouzor
2026-03-08 11:24:18 +01:00
parent 2fcc9eba80
commit a63e248427
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/canvas/CanvasContainer.tsx
+1
View File
@@ -73,6 +73,7 @@ export function CanvasContainer({ onConnect: onConnectProp, onEdgeDoubleClick }:
snapGrid={[16, 16]} snapGrid={[16, 16]}
fitView fitView
colorMode="dark" colorMode="dark"
connectionMode="loose"
> >
<Background <Background
variant={BackgroundVariant.Dots} variant={BackgroundVariant.Dots}
frontend/src/components/canvas/nodes/ProxmoxGroupNode.tsx
+2 -2
View File
@@ -20,7 +20,7 @@ export function ProxmoxGroupNode(props: NodeProps<Node<NodeData>>) {
return ( return (
<> <>
<BaseNode {...props} icon={Layers} /> <BaseNode {...props} icon={Layers} />
<Handle type="target" position={Position.Left} id="cluster-left" title="Same cluster" style={{ background: '#ff6e00', borderColor: '#ff6e0088', width: 6, height: 6 }} /> <Handle type="source" position={Position.Left} id="cluster-left" title="Same cluster" style={{ background: '#ff6e00', borderColor: '#ff6e0088', width: 6, height: 6 }} />
<Handle type="source" position={Position.Right} id="cluster-right" title="Same cluster" style={{ background: '#ff6e00', borderColor: '#ff6e0088', width: 6, height: 6 }} /> <Handle type="source" position={Position.Right} id="cluster-right" title="Same cluster" style={{ background: '#ff6e00', borderColor: '#ff6e0088', width: 6, height: 6 }} />
</> </>
) )
@@ -84,7 +84,7 @@ export function ProxmoxGroupNode(props: NodeProps<Node<NodeData>>) {
<Handle type="source" position={Position.Bottom} className="!bg-[#30363d] !border-[#8b949e]" /> <Handle type="source" position={Position.Bottom} className="!bg-[#30363d] !border-[#8b949e]" />
{/* Cluster handles — left/right for same-cluster links */} {/* Cluster handles — left/right for same-cluster links */}
<Handle type="target" position={Position.Left} id="cluster-left" title="Same cluster" style={{ background: '#ff6e00', borderColor: '#ff6e0088', width: 6, height: 6 }} /> <Handle type="source" position={Position.Left} id="cluster-left" title="Same cluster" style={{ background: '#ff6e00', borderColor: '#ff6e0088', width: 6, height: 6 }} />
<Handle type="source" position={Position.Right} id="cluster-right" title="Same cluster" style={{ background: '#ff6e00', borderColor: '#ff6e0088', width: 6, height: 6 }} /> <Handle type="source" position={Position.Right} id="cluster-right" title="Same cluster" style={{ background: '#ff6e00', borderColor: '#ff6e0088', width: 6, height: 6 }} />
</> </>
) )