Claudio Ortolina
43 lines
1.4 KiB
Plaintext
43 lines
1.4 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-zinc-900 dark:text-zinc-200">
|
|
{gettext("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-xs">
|
|
<div>
|
|
<label for="password" class="sr-only">{gettext("Password")}</label>
|
|
<Fluxon.Components.Input.input
|
|
id="password"
|
|
name="password"
|
|
type="password"
|
|
autocomplete="current-password"
|
|
required
|
|
placeholder="Password"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<button
|
|
type="submit"
|
|
class={[
|
|
"flex w-full justify-center rounded-md",
|
|
"bg-zinc-900 hover:bg-zinc-700 dark:bg-zinc-100 dark:hover:bg-zinc-400",
|
|
"px-3 py-1.5 text-sm font-semibold leading-6",
|
|
"text-white dark:text-zinc-900",
|
|
"focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-zinc-600"
|
|
]}
|
|
>
|
|
{gettext("Login")}
|
|
</button>
|
|
</div>
|
|
</.form>
|
|
<a href={LastFm.auth_url()} class="flex items-center justify-center">
|
|
Connect to Last.fm
|
|
</a>
|
|
</div>
|
|
</div>
|