chore: sync first auth step styles with new design

2025-07-02 19:56:38 +03:30
parent 1fcaa1323a
commit af1fd49664
3 changed files with 14 additions and 10 deletions
@@ -11,9 +11,9 @@ type Props = {

 function InputField({ onChange, htmlFor, labelText, children, valid = true, className, ...inputProps }: Props) {
    return (
-        <div className={`${className} ${valid ? 'border-[#E5E5E5]' : 'border-[red]'} h-11 inline-flex relative border px-3 w-full rounded-normal group focus-within:border focus-within:border-primary`}>
+        <div className={`${className} ${valid ? 'border-border' : 'border-invalid'} h-11 inline-flex relative border px-3 w-full rounded-normal group focus-within:border focus-within:border-primary`}>
            <label
-                className='absolute right-2 -top-3 px-2 bg-background text-[12px] text-foreground'
+                className='absolute right-2 -top-3 px-2 bg-container text-[12px] text-foreground'
                htmlFor={htmlFor}>
                {labelText}
            </label>