style: redesign login page and create-username page

This commit is contained in:
trafficlunar 2025-04-18 17:04:10 +01:00
parent 63f82c3c18
commit eefb1a0c37
6 changed files with 30 additions and 17 deletions

View file

@ -12,11 +12,18 @@ export default async function CreateUsernamePage() {
}
return (
<div>
<h1 className="text-3xl font-medium text-center">Welcome to TomodachiShare!</h1>
<h2 className="text-lg text-center">Please create a username</h2>
<div className="flex-grow flex items-center justify-center">
<div className="bg-amber-50 border-2 border-amber-500 rounded-2xl shadow-lg px-10 py-12 max-w-md text-center">
<h1 className="text-3xl font-bold mb-4">Welcome to TomodachiShare!</h1>
<UsernameForm />
<div className="flex items-center gap-4 text-zinc-500 text-sm font-medium mb-6">
<hr className="flex-grow border-zinc-300" />
<span>Please create a username</span>
<hr className="flex-grow border-zinc-300" />
</div>
<UsernameForm />
</div>
</div>
);
}