Skip to content

Commit

Permalink
Fix: Allow further zooming out in the builder (#9325) (#9368)
Browse files Browse the repository at this point in the history
<!-- Clearly explain the need for these changes: -->
The current minimum zoom level restricts zooming out fully. I reduced
the minZoom level to allow more flexible zooming out for users.

### Changes 🏗️
Reduced minZoom from 0.2 to 0.1 in the ReactFlow component to allow
further zooming out.

<!-- Concisely describe all of the changes made in this pull request:
-->

### Checklist 📋

#### For code changes:
- [ x ] I have clearly listed my changes in the PR description
- [ x ] I have made a test plan
- [ x ] I have tested my changes according to the test plan:
  <!-- Put your test plan here: -->
- [ x ] Tested with different elements and zoom ranges to confirm its a
smooth transition
- [ x ] Checked that canvas and all nodes remain unchanged and
interactive

Co-authored-by: Bently <[email protected]>
  • Loading branch information
pratimsadhu and Bentlybro authored Jan 30, 2025
1 parent b03e3e4 commit e82df96
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion autogpt_platform/frontend/src/components/Flow.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -660,7 +660,7 @@ const FlowEditor: React.FC<{
onNodeDragStop={onNodeDragEnd}
onNodeDragStart={onNodeDragStart}
deleteKeyCode={["Backspace", "Delete"]}
minZoom={0.2}
minZoom={0.1}
maxZoom={2}
className="dark:bg-slate-900"
>
Expand Down

0 comments on commit e82df96

Please sign in to comment.