cowch/lstV2
1
0
Fork 0
Code Issues 37 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

style(frontend): changes the login form to look a little better

Browse Source
This commit is contained in:
cowchmonkey@gmail.com
2025-03-05 12:08:55 -06:00
parent f5fd1fc605
commit 6fb615a743
1 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
frontend/src/components/auth/LoginForm.tsx
View File

@@ -81,7 +81,9 @@ const LoginForm = () => {
<hr className="rounded"></hr> <hr className="rounded"></hr>
<form onSubmit={handleSubmit(onSubmitLogin)}> <form onSubmit={handleSubmit(onSubmitLogin)}>
<div> <div>
<Label>Username</Label> <Label htmlFor="username" className="m-1">
Username
</Label>
<Input <Input
placeholder="smith001" placeholder="smith001"
{...register("username")} {...register("username")}
@@ -92,7 +94,9 @@ const LoginForm = () => {
</div> </div>
<div> <div>
<> <>
<Label htmlFor={"password"}>Password</Label> <Label htmlFor={"password"} className="m-1">
Password
</Label>
<Input <Input
type="password" type="password"
{...register("password")} {...register("password")}
@@ -106,15 +110,24 @@ const LoginForm = () => {
<div className="flex"> <div className="flex">
<Controller <Controller
render={({field}) => ( render={({field}) => (
<Checkbox id="remember" checked={field.value} onCheckedChange={field.onChange} /> <>
<Checkbox
id="remember"
checked={field.value}
onCheckedChange={field.onChange}
/>
<label
htmlFor="remember"
className="pl-2 text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
>
remember me
</label>
</>
)} )}
control={control} control={control}
name="rememberMe" name="rememberMe"
defaultValue={rememeberMe} defaultValue={rememeberMe}
/> />
<Label htmlFor="remember" className="pl-2">
remember me
</Label>
</div> </div>
<div className="flex justify-end"> <div className="flex justify-end">