fix layout

This commit is contained in:
2024-08-15 17:45:25 +02:00
parent c393b2085f
commit d568b5629d
2 changed files with 9 additions and 16 deletions

View File

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

View File

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