LumeWeb
/
portal-dashboard
1
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases Wiki Activity

fix: Styled input and field components acording to design

This commit is contained in:
Tania Gutierrez 2024-03-13 21:50:01 -04:00
parent 6f10d173c0
commit 988dab24d1
Signed by: riobuenoDevelops
GPG Key ID: 53133EB28EB7E801
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/components/forms.tsx
View File

@ -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}

2
app/components/ui/input.tsx
View File

@ -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}
> >