|
|
@ -52,7 +52,7 @@ function ComposerHostLayer({ targetNodeId }: { targetNodeId: string | null }) { |
|
|
if (!isMounted || !mountedNodeId || !frame) return null; |
|
|
if (!isMounted || !mountedNodeId || !frame) return null; |
|
|
|
|
|
|
|
|
return ( |
|
|
return ( |
|
|
<div data-active-node-composer-host className="nodrag nopan nowheel" style={frame.frameStyle}> |
|
|
<div data-active-node-composer-host className="nodrag nopan nowheel [.canvas-node-drag-active_&]:hidden" style={frame.frameStyle}> |
|
|
<BelowNodeAnchor> |
|
|
<BelowNodeAnchor> |
|
|
<div hidden={!shouldShow} className="pointer-events-auto flex flex-col items-center gap-2"> |
|
|
<div hidden={!shouldShow} className="pointer-events-auto flex flex-col items-center gap-2"> |
|
|
<GenerationComposer |
|
|
<GenerationComposer |
|
|
@ -75,7 +75,7 @@ function HighDefinitionHostLayer({ nodeId }: { nodeId: string | null }) { |
|
|
const frame = useNodeCanvasFrame(nodeId); |
|
|
const frame = useNodeCanvasFrame(nodeId); |
|
|
if (!nodeId || !frame) return null; |
|
|
if (!nodeId || !frame) return null; |
|
|
return ( |
|
|
return ( |
|
|
<div data-active-node-high-definition-host className="nodrag nopan nowheel" style={frame.frameStyle}> |
|
|
<div data-active-node-high-definition-host className="nodrag nopan nowheel [.canvas-node-drag-active_&]:hidden" style={frame.frameStyle}> |
|
|
<BelowNodeAnchor> |
|
|
<BelowNodeAnchor> |
|
|
<NodeHighDefinitionPanel node={frame.node} /> |
|
|
<NodeHighDefinitionPanel node={frame.node} /> |
|
|
</BelowNodeAnchor> |
|
|
</BelowNodeAnchor> |
|
|
|