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

🐛 fix(GenericNode): add strokeWidth property to Icon component to fix styling issue

Browse source 
🐛 fix(NodeModal): add strokeWidth property to Icon component to fix styling issue
🐛 fix(DisclosureComponent): add strokeWidth property to Icon component to fix styling issue
🐛 fix(extraSidebarComponent): add strokeWidth property to Icon components to fix styling issue
This commit is contained in:
Cristhian Zanforlin Lousa 2023-06-29 19:51:28 -03:00
commit 4039540148
4 changed files with 9 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/frontend/src/CustomNodes/GenericNode/index.tsx
View file

@ -98,6 +98,7 @@ export default function GenericNode({
<div className="flex w-full items-center justify-between gap-8 rounded-t-lg border-b bg-muted p-4 "> <div className="flex w-full items-center justify-between gap-8 rounded-t-lg border-b bg-muted p-4 ">
<div className="flex w-full items-center gap-2 truncate text-lg"> <div className="flex w-full items-center gap-2 truncate text-lg">
<Icon <Icon
strokeWidth={1.5}
className="h-10 w-10 rounded p-1" className="h-10 w-10 rounded p-1"
style={{ style={{
color: nodeColors[types[data.type]] ?? nodeColors.unknown, color: nodeColors[types[data.type]] ?? nodeColors.unknown,

1
src/frontend/src/modals/NodeModal/index.tsx
View file

@ -76,6 +76,7 @@ export default function NodeModal({ data }: { data: NodeDataType }) {
<div className="h-full w-full flex flex-col justify-center items-center"> <div className="h-full w-full flex flex-col justify-center items-center">
<div className="flex w-full pb-4 z-10 justify-center shadow-sm"> <div className="flex w-full pb-4 z-10 justify-center shadow-sm">
<Icon <Icon
strokeWidth={1.5}
className="w-10 mt-4 h-10 p-1 rounded" className="w-10 mt-4 h-10 p-1 rounded"
style={{ style={{
color: color:

4
src/frontend/src/pages/FlowPage/components/DisclosureComponent/index.tsx
View file

@ -14,8 +14,8 @@ export default function DisclosureComponent({
<div> <div>
<Disclosure.Button className="select-none bg-muted w-full flex justify-between items-center -mt-px px-3 py-2 border-y border-y-input"> <Disclosure.Button className="select-none bg-muted w-full flex justify-between items-center -mt-px px-3 py-2 border-y border-y-input">
<div className="flex gap-4"> <div className="flex gap-4">
<Icon size={22} className="text-primary " /> <Icon strokeWidth={1.5} size={22} className="text-primary " />
<span className="flex items-center text-sm text-primary font-medium"> <span className="flex items-center text-sm text-primary">
{title} {title}
</span> </span>
</div> </div>

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

@ -70,7 +70,7 @@ export default function ExtraSidebar() {
uploadFlow(); uploadFlow();
}} }}
> >
<FileUp className="w-5 h-5 "></FileUp> <FileUp strokeWidth={1.5} className="w-5 h-5 "></FileUp>
</button> </button>
</ShadTooltip> </ShadTooltip>
@ -83,7 +83,7 @@ export default function ExtraSidebar() {
openPopUp(<ExportModal />); openPopUp(<ExportModal />);
}} }}
> >
<FileDown className="w-5 h-5 "></FileDown> <FileDown strokeWidth={1.5} className="w-5 h-5 "></FileDown>
</button> </button>
</ShadTooltip> </ShadTooltip>
<ShadTooltip delayDuration={1000} content="Code" side="top"> <ShadTooltip delayDuration={1000} content="Code" side="top">
@ -95,7 +95,7 @@ export default function ExtraSidebar() {
openPopUp(<ApiModal flow={flows.find((f) => f.id === tabId)} />); openPopUp(<ApiModal flow={flows.find((f) => f.id === tabId)} />);
}} }}
> >
<Code2 className="w-5 h-5 "></Code2> <Code2 strokeWidth={1.5} className="w-5 h-5 "></Code2>
</button> </button>
</ShadTooltip> </ShadTooltip>
@ -109,6 +109,7 @@ export default function ExtraSidebar() {
disabled={!isPending} disabled={!isPending}
> >
<Save <Save
strokeWidth={1.5}
className={ className={
"w-5 h-5" + (isPending ? " " : " text-muted-foreground") "w-5 h-5" + (isPending ? " " : " text-muted-foreground")
} }
@ -134,7 +135,7 @@ export default function ExtraSidebar() {
/> />
<div className="absolute inset-y-0 right-0 flex py-1.5 pr-3 items-center"> <div className="absolute inset-y-0 right-0 flex py-1.5 pr-3 items-center">
{/* ! replace hash color here */} {/* ! replace hash color here */}
<Search size={20} className="text-primary" /> <Search size={20} strokeWidth={1.5} className="text-primary" />
</div> </div>
</div> </div>