feat: add hover to input fields

unkeyed · Oct 13, 2024 · 2028fe3 · 2028fe3
1 parent 3a1c6ad
commit 2028fe3
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/apps/dashboard/components/ui/input.tsx b/apps/dashboard/components/ui/input.tsx
@@ -10,7 +10,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
       <input
         type={type}
         className={cn(
-          "flex h-8 w-full rounded-md border border-border bg-background px-3 py-2 text-sm focus:border-primary placeholder:text-content-subtle focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+          "flex h-8 w-full rounded-md border border-border bg-background px-3 py-2 text-sm focus:border-primary hover:border-primary/30 placeholder:text-content-subtle focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
           className,
         )}
         ref={ref}