My Account Route #3
|
@ -23,9 +23,10 @@ export const Field = ({
|
||||||
const errorId = errors?.length ? `${id}-error` : undefined
|
const errorId = errors?.length ? `${id}-error` : undefined
|
||||||
return (
|
return (
|
||||||
<div className={className}>
|
<div className={className}>
|
||||||
<Label {...labelProps} htmlFor={id} />
|
<Label {...labelProps} htmlFor={id} className="font-semibold text-sm" />
|
||||||
<Input
|
<Input
|
||||||
{...inputProps}
|
{...inputProps}
|
||||||
|
className="mt-4"
|
||||||
id={id}
|
id={id}
|
||||||
aria-invalid={errorId ? true : undefined}
|
aria-invalid={errorId ? true : undefined}
|
||||||
aria-describedby={errorId}
|
aria-describedby={errorId}
|
||||||
|
|
|
@ -36,7 +36,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
|
||||||
/>
|
/>
|
||||||
{type === "password" ? <button
|
{type === "password" ? <button
|
||||||
type="button"
|
type="button"
|
||||||
className="absolute right-4 top-5 text-input"
|
className="absolute right-4 top-5 text-ring"
|
||||||
onClick={toggleShowPassword}
|
onClick={toggleShowPassword}
|
||||||
onKeyDown={toggleShowPassword}
|
onKeyDown={toggleShowPassword}
|
||||||
>
|
>
|
||||||
|
|
Loading…
Reference in New Issue