bakery-admin/bakery-ia
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix issues

Browse Source
This commit is contained in:
Urtzi Alfaro
2025-09-01 08:19:54 +02:00
parent 330e4a06b1
commit 5ab1d67a0c
2 changed files with 23 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/components/ui/Input/Input.tsx
View File

@@ -96,16 +96,24 @@ const Input = forwardRef<HTMLInputElement, InputProps>(({
}
);
const iconClasses = clsx(
const leftIconClasses = clsx(
'absolute text-[var(--text-tertiary)] pointer-events-none',
iconSizeClasses[size],
{
'left-2': leftIcon && size === 'sm',
'left-2.5': leftIcon && size === 'md',
'left-3': leftIcon && size === 'lg',
'right-2': rightIcon && size === 'sm',
'right-2.5': rightIcon && size === 'md',
'right-3': rightIcon && size === 'lg',
'left-2': size === 'sm',
'left-2.5': size === 'md',
'left-3': size === 'lg',
'top-1/2 -translate-y-1/2': true,
}
);
const rightIconClasses = clsx(
'absolute text-[var(--text-tertiary)]',
iconSizeClasses[size],
{
'right-2': size === 'sm',
'right-2.5': size === 'md',
'right-3': size === 'lg',
'top-1/2 -translate-y-1/2': true,
}
);
@@ -113,7 +121,7 @@ const Input = forwardRef<HTMLInputElement, InputProps>(({
const inputElement = (
<div className="relative">
{leftIcon && (
<div className={iconClasses}>
<div className={leftIconClasses}>
{leftIcon}
</div>
)}
@@ -130,7 +138,7 @@ const Input = forwardRef<HTMLInputElement, InputProps>(({
{...props}
/>
{rightIcon && (
<div className={iconClasses}>
<div className={rightIconClasses}>
{rightIcon}
</div>
)}