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 ( 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"}> <Card className={"w-96"}>
<CardHeader> <CardHeader>
<CardTitle>Sign In</CardTitle> <CardTitle>Sign In</CardTitle>

View File

@@ -20,27 +20,20 @@ const Login: NextPage = () => {
} }
return ( 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"}> <Card className={"w-96"}>
<CardHeader> <CardHeader>
<CardTitle>Sign up</CardTitle> <CardTitle>Sign up</CardTitle>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<form className={"flex flex-col gap-3"} onSubmit={handleSubmit}> <form className={"flex flex-col gap-3"} onSubmit={handleSubmit}>
<label className={"flex flex-col gap-1"}> <Input
Username (optional) name={"username"}
<Input name={"username"} type="text" /> type="text"
</label> label={"Username (optional)"}
<label className={"flex flex-col gap-1"}> />
Email <Input name={"email"} type="email" label={"Email"} />
<Input name={"email"} type="email" /> <Input type="password" name={"password"} label={"Password"} />
</label>
<label className={"flex flex-col gap-1"}>
Password
<Input type="password" name={"password"} />
</label>
<Button className={"w-full"} type={"submit"}> <Button className={"w-full"} type={"submit"}>
Sign Up Sign Up
</Button> </Button>