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