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

React Flow update and minor style fixes

Browse source
This commit is contained in:
Lucas Oliveira 2023-08-29 15:42:30 -03:00
commit 2cfd772387
5 changed files with 173 additions and 172 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -421,6 +421,7 @@ export default function Page({
zoomOnScroll={!view}
zoomOnPinch={!view}
panOnDrag={!view}
proOptions={{hideAttribution: true}}
>
<Background className="" />
{!view && (

4
src/frontend/src/pages/ViewPage/index.tsx
View file

@ -10,7 +10,7 @@ export default function ViewPage() {
// Set flow tab id
useEffect(() => {
setTabId(id);
setTabId(id!);
}, [id]);
// Initialize state variable for the version
@ -26,7 +26,7 @@ export default function ViewPage() {
{flows.length > 0 &&
tabId !== "" &&
flows.findIndex((flow) => flow.id === tabId) !== -1 && (
<Page view flow={flows.find((flow) => flow.id === tabId)} />
<Page view flow={flows.find((flow) => flow.id === tabId)!} />
)}
</div>
);

4
src/frontend/src/style/applies.css
View file

@ -488,10 +488,10 @@
@apply flex-max-width h-12 items-center justify-between border-border bg-muted;
}
.header-start-display {
@apply flex w-96 items-center justify-start gap-2;
@apply flex w-[30%] items-center justify-start gap-2;
}
.header-end-division {
@apply flex w-96 justify-end px-2;
@apply flex w-[30%] justify-end px-2;
}
.header-end-display {
@apply ml-auto mr-2 flex items-center gap-5;