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

Fixed styling on components changed by the icons-parameters-comp class

Browse source
This commit is contained in:
Lucas Oliveira 2024-06-17 23:46:19 -03:00
commit 328e214a0f
4 changed files with 10 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/frontend/src/components/codeAreaComponent/index.tsx
View file

@ -46,7 +46,7 @@ export default function CodeAreaComponent({
onChange(value); onChange(value);
}} }}
> >
<div className="flex w-full items-center"> <div className="flex w-full items-center gap-3">
<span <span
id={id} id={id}
data-testid={id} data-testid={id}
@ -63,7 +63,7 @@ export default function CodeAreaComponent({
<IconComponent <IconComponent
name="ExternalLink" name="ExternalLink"
className={ className={
"icons-parameters-comp" + "icons-parameters-comp shrink-0" +
(disabled ? " text-ring" : " hover:text-accent-foreground") (disabled ? " text-ring" : " hover:text-accent-foreground")
} }
/> />

6
src/frontend/src/components/inputFileComponent/index.tsx
View file

@ -99,7 +99,7 @@ export default function InputFileComponent({
return ( return (
<div className={disabled ? "input-component-div" : "w-full"}> <div className={disabled ? "input-component-div" : "w-full"}>
<div className="input-file-component"> <div className="input-file-component gap-3">
<span <span
onClick={handleButtonClick} onClick={handleButtonClick}
className={ className={
@ -115,14 +115,14 @@ export default function InputFileComponent({
{!editNode && ( {!editNode && (
<Button <Button
unstyled unstyled
className="ml-3 inline-flex items-center justify-center" className="inline-flex items-center justify-center"
onClick={handleButtonClick} onClick={handleButtonClick}
loading={loading} loading={loading}
disabled={disabled} disabled={disabled}
> >
<IconComponent <IconComponent
name="FileSearch2" name="FileSearch2"
className={"icons-parameters-comp"} className="icons-parameters-comp shrink-0"
/> />
</Button> </Button>
)} )}

4
src/frontend/src/components/promptComponent/index.tsx
View file

@ -36,7 +36,7 @@ export default function PromptAreaComponent({
nodeClass={nodeClass} nodeClass={nodeClass}
setNodeClass={setNodeClass} setNodeClass={setNodeClass}
> >
<div className="flex w-full items-center"> <div className="flex w-full items-center gap-3">
<span <span
id={id} id={id}
data-testid={id} data-testid={id}
@ -54,7 +54,7 @@ export default function PromptAreaComponent({
id={id} id={id}
name="ExternalLink" name="ExternalLink"
className={ className={
"icons-parameters-comp" + "icons-parameters-comp shrink-0" +
(disabled ? " text-ring" : " hover:text-accent-foreground") (disabled ? " text-ring" : " hover:text-accent-foreground")
} }
/> />

6
src/frontend/src/components/textAreaComponent/index.tsx
View file

@ -22,7 +22,7 @@ export default function TextAreaComponent({
return ( return (
<div className={"flex w-full items-center " + (disabled ? "" : "")}> <div className={"flex w-full items-center " + (disabled ? "" : "")}>
<div className="flex w-full items-center" data-testid={"div-" + id}> <div className="flex w-full items-center gap-3" data-testid={"div-" + id}>
<Input <Input
id={id} id={id}
data-testid={id} data-testid={id}
@ -34,7 +34,7 @@ export default function TextAreaComponent({
onChange(event.target.value); onChange(event.target.value);
}} }}
/> />
<div> <div className="flex items-center">
<GenericModal <GenericModal
type={TypeModal.TEXT} type={TypeModal.TEXT}
buttonText="Finish Editing" buttonText="Finish Editing"
@ -50,7 +50,7 @@ export default function TextAreaComponent({
id={id} id={id}
name="ExternalLink" name="ExternalLink"
className={ className={
"icons-parameters-comp w-[1.35rem]" + "icons-parameters-comp shrink-0" +
(disabled ? " text-ring" : " hover:text-accent-foreground") (disabled ? " text-ring" : " hover:text-accent-foreground")
} }
/> />