From 00d44abfad462d81ff91b8c2ce58acb28b9565d5 Mon Sep 17 00:00:00 2001 From: Pouzor Date: Mon, 6 Apr 2026 23:54:56 +0200 Subject: [PATCH] feat: reduce snap grid from 16px to 8px for finer node positioning --- frontend/src/components/canvas/CanvasContainer.tsx | 2 +- .../src/components/canvas/__tests__/CanvasContainer.test.tsx | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/frontend/src/components/canvas/CanvasContainer.tsx b/frontend/src/components/canvas/CanvasContainer.tsx index 997aa8f..5c80571 100644 --- a/frontend/src/components/canvas/CanvasContainer.tsx +++ b/frontend/src/components/canvas/CanvasContainer.tsx @@ -90,7 +90,7 @@ export function CanvasContainer({ onConnect: onConnectProp, onEdgeDoubleClick, o selectionMode={SelectionMode.Partial} multiSelectionKeyCode={['Meta', 'Control']} snapToGrid - snapGrid={[16, 16]} + snapGrid={[8, 8]} colorMode={theme.colors.reactFlowColorMode} elevateNodesOnSelect={false} connectionMode={ConnectionMode.Loose} diff --git a/frontend/src/components/canvas/__tests__/CanvasContainer.test.tsx b/frontend/src/components/canvas/__tests__/CanvasContainer.test.tsx index 721e588..a80ced1 100644 --- a/frontend/src/components/canvas/__tests__/CanvasContainer.test.tsx +++ b/frontend/src/components/canvas/__tests__/CanvasContainer.test.tsx @@ -142,9 +142,9 @@ describe('CanvasContainer', () => { expect(rfProps.snapToGrid).toBe(true) }) - it('sets snapGrid to [16, 16]', () => { + it('sets snapGrid to [8, 8]', () => { render() - expect(rfProps.snapGrid).toEqual([16, 16]) + expect(rfProps.snapGrid).toEqual([8, 8]) }) // ── Delete key ────────────────────────────────────────────────────────────