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

Fixed button spacing at Sidebar

Browse source
This commit is contained in:
Lucas Oliveira 2023-07-26 14:15:42 -03:00
commit e90d05b711
1 changed files with 56 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

100
src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
View file

@ -61,52 +61,64 @@ export default function ExtraSidebar() {
return ( return (
<div className="side-bar-arrangement"> <div className="side-bar-arrangement">
<div className="side-bar-buttons-arrangement"> <div className="side-bar-buttons-arrangement">
<ShadTooltip content="Import" side="top"> <div className="side-bar-button">
<button <ShadTooltip content="Import" side="top">
className="extra-side-bar-buttons" <button
onClick={() => { className="extra-side-bar-buttons"
uploadFlow(); onClick={() => {
}} uploadFlow();
> }}
<IconComponent name="FileUp" className="side-bar-button-size " /> >
</button> <IconComponent name="FileUp" className="side-bar-button-size " />
</ShadTooltip> </button>
</ShadTooltip>
<ShadTooltip content="Export" side="top"> </div>
<ExportModal> <div className="side-bar-button">
<div className={classNames("extra-side-bar-buttons")}> <ShadTooltip content="Export" side="top">
<IconComponent name="FileDown" className="side-bar-button-size" /> <ExportModal>
</div>
</ExportModal>
</ShadTooltip>
<ShadTooltip content="Code" side="top">
{flow && flow.data && (
<ApiModal flow={flow}>
<div className={classNames("extra-side-bar-buttons")}> <div className={classNames("extra-side-bar-buttons")}>
<IconComponent name="Code2" className="side-bar-button-size" /> <IconComponent
name="FileDown"
className="side-bar-button-size"
/>
</div> </div>
</ApiModal> </ExportModal>
)} </ShadTooltip>
</ShadTooltip> </div>
<div className="side-bar-button">
<ShadTooltip content="Save" side="top"> <ShadTooltip content="Code" side="top">
<button {flow && flow.data && (
className="extra-side-bar-buttons" <ApiModal flow={flow}>
onClick={(event) => { <div className={classNames("extra-side-bar-buttons")}>
saveFlow(flow); <IconComponent
setSuccessData({ title: "Changes saved successfully" }); name="Code2"
}} className="side-bar-button-size"
disabled={!isPending} />
> </div>
<IconComponent </ApiModal>
name="Save" )}
className={ </ShadTooltip>
"side-bar-button-size" + </div>
(isPending ? " " : " extra-side-bar-save-disable") <div className="side-bar-button">
} <ShadTooltip content="Save" side="top">
/> <button
</button> className="extra-side-bar-buttons"
</ShadTooltip> onClick={(event) => {
saveFlow(flow);
setSuccessData({ title: "Changes saved successfully" });
}}
disabled={!isPending}
>
<IconComponent
name="Save"
className={
"side-bar-button-size" +
(isPending ? " " : " extra-side-bar-save-disable")
}
/>
</button>
</ShadTooltip>
</div>
</div> </div>
<Separator /> <Separator />
<div className="side-bar-search-div-placement"> <div className="side-bar-search-div-placement">