feat(PageComponent): add maxZoom prop to FlowChart to limit zooming to 4x to prevent visual artifacts and improve user experience
This commit is contained in:
parent
e3ee146b12
commit
2d2d7e6c8c
1 changed files with 1 additions and 0 deletions
|
|
@ -399,6 +399,7 @@ export default function Page({ flow }: { flow: FlowType }) {
|
||||||
selectNodesOnDrag={false}
|
selectNodesOnDrag={false}
|
||||||
className="theme-attribution"
|
className="theme-attribution"
|
||||||
minZoom={0.05}
|
minZoom={0.05}
|
||||||
|
maxZoom={4}
|
||||||
>
|
>
|
||||||
<Background className="dark:bg-gray-900" />
|
<Background className="dark:bg-gray-900" />
|
||||||
<Controls className="[&>button]:text-black [&>button]:dark:bg-gray-800 hover:[&>button]:dark:bg-gray-700 [&>button]:dark:text-gray-400 [&>button]:dark:fill-gray-400 [&>button]:dark:border-gray-600"></Controls>
|
<Controls className="[&>button]:text-black [&>button]:dark:bg-gray-800 hover:[&>button]:dark:bg-gray-700 [&>button]:dark:text-gray-400 [&>button]:dark:fill-gray-400 [&>button]:dark:border-gray-600"></Controls>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue