Marco/infoalloggi-monorepo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 6 Wiki Activity Actions

feat: improve input component styling for better readability and maintainability

Browse source
This commit is contained in:
Marco Pedone 2026-03-18 18:01:10 +01:00
parent 56402a374d
commit f99fd94b51
2 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
apps/infoalloggi/src/components/phone-input.tsx
View file

@ -72,7 +72,10 @@ const InputComponent = React.forwardRef<
React.ComponentProps<"input"> React.ComponentProps<"input">
>(({ className, ...props }, ref) => ( >(({ className, ...props }, ref) => (
<Input <Input
className={cn("w-full flex-1 rounded-s-none rounded-e-md", className)} className={cn(
"w-full flex-1 rounded-s-none rounded-e-md text-foreground",
className,
)}
{...props} {...props}
ref={ref} ref={ref}
/> />

6
apps/infoalloggi/src/components/ui/input.tsx
View file

@ -11,7 +11,11 @@ const Input = forwardRef<HTMLInputElement, InputProps>(
type={type} type={type}
{...props} {...props}
className={cn( className={cn(
`h-10 w-full rounded-lg border border-border bg-card px-3 py-2 font-medium text-primary shadow-xs outline-hidden transition-all duration-200 file:border-0 file:bg-transparent file:font-medium file:text-sm placeholder:text-muted-foreground hover:border-muted-foreground focus:border-foreground focus:ring-foreground disabled:cursor-not-allowed disabled:opacity-50 dark:border-input dark:bg-input/30 dark:hover:border-muted-foreground dark:hover:bg-input/50`, `h-10 w-full rounded-lg border border-border bg-card px-3 py-2 font-medium text-primary shadow-xs outline-hidden`,
`transition-all duration-200 file:border-0 file:bg-transparent file:font-medium file:text-sm`,
`placeholder:text-muted-foreground/50 hover:border-muted-foreground focus:border-foreground focus:ring-foreground`,
`disabled:cursor-not-allowed disabled:opacity-50 dark:border-input dark:bg-input/30 dark:hover:border-muted-foreground`,
`dark:hover:bg-input/50`,
className, className,
)} )}
/> />