jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Disabled zoom and pan when on view mode

Browse source
This commit is contained in:
Lucas Oliveira 2023-08-15 12:29:19 -03:00
commit 8529c379e1
1 changed files with 10 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
View file

@ -405,12 +405,19 @@ export default function Page({
className="theme-attribution" className="theme-attribution"
minZoom={0.01} minZoom={0.01}
maxZoom={8} maxZoom={8}
zoomOnDoubleClick={!view}
zoomOnScroll={!view}
zoomOnPinch={!view}
panOnDrag={!view}
panOnScroll={!view}
> >
<Background className="" /> <Background className="" />
{!view && (
<Controls <Controls
className="bg-muted fill-foreground stroke-foreground text-primary className="bg-muted fill-foreground stroke-foreground text-primary
[&>button]:border-b-border hover:[&>button]:bg-border" [&>button]:border-b-border hover:[&>button]:bg-border"
></Controls> ></Controls>
)}
</ReactFlow> </ReactFlow>
{!view && ( {!view && (
<Chat flow={flow} reactFlowInstance={reactFlowInstance} /> <Chat flow={flow} reactFlowInstance={reactFlowInstance} />