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