diff --git a/packages/twenty-front/src/modules/workflow/components/WorkflowDiagramCanvas.tsx b/packages/twenty-front/src/modules/workflow/components/WorkflowDiagramCanvas.tsx index 83b9c0c67..43a494b94 100644 --- a/packages/twenty-front/src/modules/workflow/components/WorkflowDiagramCanvas.tsx +++ b/packages/twenty-front/src/modules/workflow/components/WorkflowDiagramCanvas.tsx @@ -17,6 +17,7 @@ import { applyNodeChanges, Background, EdgeChange, + FitViewOptions, NodeChange, ReactFlow, } from '@xyflow/react'; @@ -32,6 +33,11 @@ const StyledStatusTagContainer = styled.div` padding: ${({ theme }) => theme.spacing(2)}; `; +const defaultFitViewOptions: FitViewOptions = { + minZoom: 1.3, + maxZoom: 1.3, +}; + export const WorkflowDiagramCanvas = ({ diagram, workflowWithCurrentVersion, @@ -83,6 +89,10 @@ export const WorkflowDiagramCanvas = ({ return ( <> { + fitView(defaultFitViewOptions); + }} nodeTypes={{ default: WorkflowDiagramStepNode, 'create-step': WorkflowDiagramCreateStepNode, diff --git a/packages/twenty-front/src/modules/workflow/components/WorkflowDiagramCreateStepNode.tsx b/packages/twenty-front/src/modules/workflow/components/WorkflowDiagramCreateStepNode.tsx index 27706668b..2e1b1328a 100644 --- a/packages/twenty-front/src/modules/workflow/components/WorkflowDiagramCreateStepNode.tsx +++ b/packages/twenty-front/src/modules/workflow/components/WorkflowDiagramCreateStepNode.tsx @@ -12,7 +12,7 @@ export const WorkflowDiagramCreateStepNode = () => { <> - + ); };