mirror of
https://github.com/ershisan99/todolist_next.git
synced 2025-12-16 12:33:57 +00:00
fix layout
This commit is contained in:
@@ -20,7 +20,7 @@ const Login: NextPage = () => {
|
||||
}
|
||||
|
||||
return (
|
||||
<div className={"flex h-full items-center justify-center"}>
|
||||
<div className={"mt-10 flex h-full items-center justify-center"}>
|
||||
<Card className={"w-96"}>
|
||||
<CardHeader>
|
||||
<CardTitle>Sign In</CardTitle>
|
||||
|
||||
@@ -20,27 +20,20 @@ const Login: NextPage = () => {
|
||||
}
|
||||
|
||||
return (
|
||||
<div className={"flex h-full items-center justify-center"}>
|
||||
<div className={"mt-10 flex h-full items-center justify-center"}>
|
||||
<Card className={"w-96"}>
|
||||
<CardHeader>
|
||||
<CardTitle>Sign up</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<form className={"flex flex-col gap-3"} onSubmit={handleSubmit}>
|
||||
<label className={"flex flex-col gap-1"}>
|
||||
Username (optional)
|
||||
<Input name={"username"} type="text" />
|
||||
</label>
|
||||
<label className={"flex flex-col gap-1"}>
|
||||
Email
|
||||
<Input name={"email"} type="email" />
|
||||
</label>
|
||||
|
||||
<label className={"flex flex-col gap-1"}>
|
||||
Password
|
||||
<Input type="password" name={"password"} />
|
||||
</label>
|
||||
|
||||
<Input
|
||||
name={"username"}
|
||||
type="text"
|
||||
label={"Username (optional)"}
|
||||
/>
|
||||
<Input name={"email"} type="email" label={"Email"} />
|
||||
<Input type="password" name={"password"} label={"Password"} />
|
||||
<Button className={"w-full"} type={"submit"}>
|
||||
Sign Up
|
||||
</Button>
|
||||
|
||||
Reference in New Issue
Block a user