From 91168fa243d9165d7ff58ae1a61f3e93ceaf74d6 Mon Sep 17 00:00:00 2001 From: shrimbly Date: Tue, 10 Mar 2026 21:39:41 +1300 Subject: [PATCH] fix: widen resize handles and grab zones for easier node resizing Increase resize handle hit area from 8px to 16px (edge handles) and from 3px to 5px (corner handles) so they're easier to grab. Co-Authored-By: Claude Opus 4.6 --- src/app/globals.css | 4 ++-- src/components/nodes/BaseNode.tsx | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index 7fce38ce..4899a54b 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -124,13 +124,13 @@ body { .react-flow__resize-control.left, .react-flow__resize-control.right { cursor: ew-resize !important; - width: 8px !important; + width: 16px !important; } .react-flow__resize-control.top, .react-flow__resize-control.bottom { cursor: ns-resize !important; - height: 8px !important; + height: 16px !important; } .react-flow__resize-control.top.left, diff --git a/src/components/nodes/BaseNode.tsx b/src/components/nodes/BaseNode.tsx index 394fbf0c..ba44b363 100644 --- a/src/components/nodes/BaseNode.tsx +++ b/src/components/nodes/BaseNode.tsx @@ -189,7 +189,7 @@ export function BaseNode({ minWidth={minWidth} minHeight={minHeight} lineClassName="!border-transparent" - handleClassName="!w-3 !h-3 !bg-transparent !border-none" + handleClassName="!w-5 !h-5 !bg-transparent !border-none" onResize={handleResize} />