46 lines
2.1 KiB
Plaintext
46 lines
2.1 KiB
Plaintext
<div class="flex min-h-full items-center justify-center py-12">
|
|
<div class="w-full max-w-sm space-y-6">
|
|
|
|
<div class="text-center">
|
|
<h1 class="text-2xl font-bold tracking-tight text-foreground">Sign in</h1>
|
|
<p class="mt-1 text-sm text-muted-foreground">Enter your credentials to access your account</p>
|
|
</div>
|
|
|
|
$$ErrorMessage$$
|
|
|
|
<form method="post" action="/login" class="space-y-4">
|
|
$$AntiforgeryToken$$
|
|
<div class="space-y-2">
|
|
<label class="text-sm font-medium leading-none text-foreground" for="login-email">Email</label>
|
|
<input id="login-email" name="email" type="email" required autocomplete="email"
|
|
class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm
|
|
placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1
|
|
focus-visible:ring-ring"
|
|
placeholder="you@example.com" />
|
|
</div>
|
|
|
|
<div class="space-y-2">
|
|
<label class="text-sm font-medium leading-none text-foreground" for="login-password">Password</label>
|
|
<input id="login-password" name="password" type="password" required autocomplete="current-password"
|
|
class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm
|
|
placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1
|
|
focus-visible:ring-ring"
|
|
placeholder="••••••••" />
|
|
</div>
|
|
|
|
<button type="submit"
|
|
class="inline-flex h-9 w-full items-center justify-center rounded-md bg-primary px-4 py-2
|
|
text-sm font-medium text-primary-foreground shadow transition-colors
|
|
hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring">
|
|
Sign in
|
|
</button>
|
|
</form>
|
|
|
|
<p class="text-center text-sm text-muted-foreground">
|
|
Don't have an account?
|
|
<a href="/register" class="font-medium text-primary hover:underline">Sign up</a>
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|