diff --git a/app/src/lib/graph-interface/graph/mouse.events.ts b/app/src/lib/graph-interface/graph/mouse.events.ts index e5da103..ad553a3 100644 --- a/app/src/lib/graph-interface/graph/mouse.events.ts +++ b/app/src/lib/graph-interface/graph/mouse.events.ts @@ -265,7 +265,7 @@ export class MouseEventManager { } } - if (_socket && smallestDist < 0.9) { + if (_socket && smallestDist < 1.5) { this.state.mousePosition = _socket.position; this.state.hoveredSocket = _socket; } else { diff --git a/app/src/lib/graph-interface/node/NodeHeader.svelte b/app/src/lib/graph-interface/node/NodeHeader.svelte index 9809ec0..a773ba0 100644 --- a/app/src/lib/graph-interface/node/NodeHeader.svelte +++ b/app/src/lib/graph-interface/node/NodeHeader.svelte @@ -35,8 +35,8 @@ ); const pathHover = $derived( createNodePath({ - depth: 8.5, - height: 50, + depth: 7, + height: 40, y: 49, cornerTop, rightBump, @@ -113,6 +113,9 @@ stroke: var(--stroke); stroke-width: var(--stroke-width); d: var(--path); + + stroke-linejoin: round; + shape-rendering: geometricPrecision; } .content { diff --git a/app/src/lib/graph-interface/node/NodeParameter.svelte b/app/src/lib/graph-interface/node/NodeParameter.svelte index e5fcd3e..dc48390 100644 --- a/app/src/lib/graph-interface/node/NodeParameter.svelte +++ b/app/src/lib/graph-interface/node/NodeParameter.svelte @@ -39,16 +39,6 @@ const aspectRatio = 0.5; const path = $derived( - createNodePath({ - depth: 7, - height: 20, - y: 50.5, - cornerBottom, - leftBump, - aspectRatio - }) - ); - const pathDisabled = $derived( createNodePath({ depth: 6, height: 18, @@ -60,8 +50,8 @@ ); const pathHover = $derived( createNodePath({ - depth: 8, - height: 25, + depth: 7, + height: 20, y: 50.5, cornerBottom, leftBump, @@ -74,7 +64,7 @@ class="wrapper" data-node-type={node.type} data-node-input={id} - class:disabled={!graphState?.possibleSocketIds.has(socketId)} + class:possible-socket={graphState?.possibleSocketIds.has(socketId)} > {#key id && graphId}