Archived
Add Login page mockup
This commit is contained in:
@@ -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>
|
||||||
Reference in New Issue
Block a user