Added login form html and styling

This commit is contained in:
2025-02-06 23:28:13 +11:00
parent dfbf3d1c79
commit 5a93ef81dd
8 changed files with 237 additions and 4 deletions

41
view/page/login.templ Normal file
View File

@@ -0,0 +1,41 @@
package page
import "projectreshoot/view/layout"
import "projectreshoot/view/component/form"
templ Login() {
@layout.Global() {
<div class="max-w-100 mx-auto px-2">
<div class="mt-7 bg-mantle border border-surface1 rounded-xl">
<div class="p-4 sm:p-7">
<div class="text-center">
<h1
class="block text-2xl font-bold"
>Login</h1>
<p
class="mt-2 text-sm text-subtext0"
>
Don't have an account yet?
<a
class="text-blue decoration-2 hover:underline
focus:outline-none focus:underline"
href="/register"
>
Sign up here
</a>
</p>
</div>
<div class="mt-5">
<div
class="py-3 flex items-center text-xs text-subtext0
uppercase before:flex-1 before:border-t
before:border-overlay1 before:me-6 after:flex-1
after:border-t after:border-overlay1 after:ms-6"
>Or</div>
@form.LoginForm("")
</div>
</div>
</div>
</div>
}
}