Add Login page mockup

This commit is contained in:
Esa Kataja
2024-10-12 10:39:30 +03:00
parent 1097e93eef
commit fb99797bfe
+45
View File
@@ -0,0 +1,45 @@
<script>
</script>
<div class="h-screen flex items-center justify-center">
<form class="bg-white p-8 rounded-md shadow-md" action="/api/login" method="post">
<label class="block mb-4" for="email">
Email
<input
class="login-form-input"
type="email"
name="email"
id="email"
placeholder="Email"
required
/>
</label>
<label class="block mb-4" for="password">
Password
<input
class="login-form-input"
type="password"
name="password"
id="password"
placeholder="Password"
required
/>
</label>
<button
class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded w-full"
type="submit">Login</button
>
</form>
</div>
<style>
form {
@apply text-slate-800;
}
.login-form-input {
@apply block w-full px-4 py-2 border-2 border-gray-600 rounded-md;
}
</style>