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

fix: add padding to global variables input (#4900)

Browse source 
* Fixed padding for badges on input component

* Removed border from emerald badge
This commit is contained in:
Lucas Oliveira 2024-11-28 09:15:05 -03:00 • committed by GitHub
commit 1ec1a704dd
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 7 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/frontend/src/components/core/parameterRenderComponent/components/inputComponent/components/popover/index.tsx
View file

@ -68,9 +68,9 @@ const CustomInputPopover = ({
<div <div
data-testid={`anchor-${id}`} data-testid={`anchor-${id}`}
className={cn( className={cn(
"primary-input noflow nowheel nopan nodelete nodrag border-1 flex h-full min-h-[2.375rem] cursor-default flex-wrap items-center px-3", "primary-input noflow nowheel nopan nodelete nodrag border-1 flex h-full min-h-[2.375rem] cursor-default flex-wrap items-center px-2",
editNode && "min-h-7 p-0", editNode && "min-h-7 p-0 px-1",
editNode && disabled && "min-h-5 border-muted p-0", editNode && disabled && "min-h-5 border-muted",
disabled && "bg-muted text-muted", disabled && "bg-muted text-muted",
isFocused && isFocused &&
"border-foreground ring-1 ring-foreground hover:border-foreground", "border-foreground ring-1 ring-foreground hover:border-foreground",
@ -100,6 +100,7 @@ const CustomInputPopover = ({
variant={nodeStyle ? "emerald" : "secondary"} variant={nodeStyle ? "emerald" : "secondary"}
className={cn( className={cn(
"flex items-center gap-1 truncate", "flex items-center gap-1 truncate",
editNode && "text-xs",
nodeStyle ? "font-jetbrains rounded-[3px] px-1" : "bg-muted", nodeStyle ? "font-jetbrains rounded-[3px] px-1" : "bg-muted",
)} )}
> >
@ -128,8 +129,8 @@ const CustomInputPopover = ({
disabled={disabled} disabled={disabled}
required={required} required={required}
className={cn( className={cn(
"popover-input nodrag truncate pr-4", "popover-input nodrag truncate px-1 pr-4",
editNode && "px-3", editNode && "px-2",
editNode && disabled && "h-fit w-fit", editNode && disabled && "h-fit w-fit",
disabled && disabled &&
"disabled:text-muted disabled:opacity-100 placeholder:disabled:text-muted-foreground", "disabled:text-muted disabled:opacity-100 placeholder:disabled:text-muted-foreground",

2
src/frontend/src/components/ui/badge.tsx
View file

@ -18,7 +18,7 @@ const badgeVariants = cva(
secondaryStatic: "bg-muted text-muted-foreground border-0", secondaryStatic: "bg-muted text-muted-foreground border-0",
pinkStatic: "bg-accent-pink text-accent-pink-foreground border-0", pinkStatic: "bg-accent-pink text-accent-pink-foreground border-0",
emerald: emerald:
"bg-accent-emerald text-accent-emerald-foreground hover:bg-accent-emerald-hover", "bg-accent-emerald text-accent-emerald-foreground hover:bg-accent-emerald-hover border-0",
successStatic: successStatic:
"bg-accent-emerald text-accent-emerald-foreground border-0", "bg-accent-emerald text-accent-emerald-foreground border-0",
errorStatic: "bg-error-background text-error-foreground border-0", errorStatic: "bg-error-background text-error-foreground border-0",