feat(auth): update layout and styling for login and registration pages

This commit is contained in:
2026-03-29 20:30:16 +02:00
parent 910cf6eaee
commit c028abd323
6 changed files with 30 additions and 15 deletions

View File

@@ -3,12 +3,11 @@ import { LoginForm } from "@/components/auth/login-form";
export default function LoginPage() {
return (
<main className="mx-auto flex min-h-screen w-full max-w-md flex-col justify-center px-6 py-16">
<div className="rounded-xl border border-border/80 bg-panel/50 p-6 md:p-7">
<div className="mb-8 space-y-3">
<main className="auth-shell">
<div className="w-full p-2 md:p-4">
<div className="mb-8 space-y-3 text-center">
<p className="text-xs uppercase tracking-[0.2em] text-muted">PayMe</p>
<h1 className="text-2xl font-semibold">Sign in</h1>
<p className="text-sm text-muted">Use your email and password to manage your public payment profile.</p>
<h1 className="text-3xl font-semibold">Sign in</h1>
</div>
<LoginForm />
<p className="mt-6 text-sm text-muted">

View File

@@ -3,12 +3,11 @@ import { RegisterForm } from "@/components/auth/register-form";
export default function RegisterPage() {
return (
<main className="mx-auto flex min-h-screen w-full max-w-md flex-col justify-center px-6 py-16">
<div className="rounded-xl border border-border/80 bg-panel/50 p-6 md:p-7">
<div className="mb-8 space-y-3">
<main className="auth-shell">
<div className="w-full p-2 md:p-4">
<div className="mb-8 space-y-3 text-center">
<p className="text-xs uppercase tracking-[0.2em] text-muted">PayMe</p>
<h1 className="text-2xl font-semibold">Create account</h1>
<p className="text-sm text-muted">Start publishing your payment details in a self-hosted profile.</p>
<h1 className="text-3xl font-semibold">Create account</h1>
</div>
<RegisterForm />
<p className="mt-6 text-sm text-muted">