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

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

@ -61,6 +61,7 @@ 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">
<div className="side-bar-button">
<ShadTooltip content="Import" side="top"> <ShadTooltip content="Import" side="top">
<button <button
className="extra-side-bar-buttons" className="extra-side-bar-buttons"
@ -71,24 +72,34 @@ export default function ExtraSidebar() {
<IconComponent name="FileUp" className="side-bar-button-size " /> <IconComponent name="FileUp" className="side-bar-button-size " />
</button> </button>
</ShadTooltip> </ShadTooltip>
</div>
<div className="side-bar-button">
<ShadTooltip content="Export" side="top"> <ShadTooltip content="Export" side="top">
<ExportModal> <ExportModal>
<div className={classNames("extra-side-bar-buttons")}> <div className={classNames("extra-side-bar-buttons")}>
<IconComponent name="FileDown" className="side-bar-button-size" /> <IconComponent
name="FileDown"
className="side-bar-button-size"
/>
</div> </div>
</ExportModal> </ExportModal>
</ShadTooltip> </ShadTooltip>
</div>
<div className="side-bar-button">
<ShadTooltip content="Code" side="top"> <ShadTooltip content="Code" side="top">
{flow && flow.data && ( {flow && flow.data && (
<ApiModal flow={flow}> <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="Code2"
className="side-bar-button-size"
/>
</div> </div>
</ApiModal> </ApiModal>
)} )}
</ShadTooltip> </ShadTooltip>
</div>
<div className="side-bar-button">
<ShadTooltip content="Save" side="top"> <ShadTooltip content="Save" side="top">
<button <button
className="extra-side-bar-buttons" className="extra-side-bar-buttons"
@ -108,6 +119,7 @@ export default function ExtraSidebar() {
</button> </button>
</ShadTooltip> </ShadTooltip>
</div> </div>
</div>
<Separator /> <Separator />
<div className="side-bar-search-div-placement"> <div className="side-bar-search-div-placement">
<Input <Input