From f99fd94b51bb17aa4467bed0ea98c49b6c62e521 Mon Sep 17 00:00:00 2001 From: Marco Pedone Date: Wed, 18 Mar 2026 18:01:10 +0100 Subject: [PATCH] feat: improve input component styling for better readability and maintainability --- apps/infoalloggi/src/components/phone-input.tsx | 5 ++++- apps/infoalloggi/src/components/ui/input.tsx | 6 +++++- 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/apps/infoalloggi/src/components/phone-input.tsx b/apps/infoalloggi/src/components/phone-input.tsx index 7772815..98a8f09 100644 --- a/apps/infoalloggi/src/components/phone-input.tsx +++ b/apps/infoalloggi/src/components/phone-input.tsx @@ -72,7 +72,10 @@ const InputComponent = React.forwardRef< React.ComponentProps<"input"> >(({ className, ...props }, ref) => ( diff --git a/apps/infoalloggi/src/components/ui/input.tsx b/apps/infoalloggi/src/components/ui/input.tsx index b39a015..5986d82 100644 --- a/apps/infoalloggi/src/components/ui/input.tsx +++ b/apps/infoalloggi/src/components/ui/input.tsx @@ -11,7 +11,11 @@ const Input = forwardRef( type={type} {...props} 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, )} />