Claudio Ortolina
49 lines
1.8 KiB
Plaintext
49 lines
1.8 KiB
Plaintext
<div class="flex min-h-full items-center justify-center px-4 py-12 sm:px-6 lg:px-8">
|
|
<div class="w-full max-w-sm space-y-10">
|
|
<div>
|
|
<h2 class="mt-10 text-center text-2xl font-bold leading-9 tracking-tight text-gray-900">
|
|
Welcome to your Music Library
|
|
</h2>
|
|
</div>
|
|
<.form class="space-y-6" for={@form} action={~p"/sessions/create"}>
|
|
<div class="relative -space-y-px rounded-md shadow-sm">
|
|
<div>
|
|
<label for="password" class="sr-only">Password</label>
|
|
<input
|
|
id="password"
|
|
name="password"
|
|
type="password"
|
|
autocomplete="current-password"
|
|
required
|
|
class="relative block w-full rounded-b-md border-0 py-1.5 text-gray-900 ring-1 ring-inset ring-gray-100 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
|
|
placeholder="Password"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center">
|
|
<input
|
|
id="remember-me"
|
|
name="remember-me"
|
|
type="checkbox"
|
|
class="h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600"
|
|
/>
|
|
<label for="remember-me" class="ml-3 block text-sm leading-6 text-gray-900">
|
|
Remember me
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<button
|
|
type="submit"
|
|
class="flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
|
|
>
|
|
Sign in
|
|
</button>
|
|
</div>
|
|
</.form>
|
|
</div>
|
|
</div>
|