cloud/music_library
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update colours for login form

Browse Source
This commit is contained in:
Claudio Ortolina
2024-10-23 10:45:00 +01:00
parent c45ba43c46
commit 6a484f5361
1 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/controllers/session_html/new.html.heex
+18 -3
View File
@@ -1,7 +1,7 @@
<div class="flex min-h-full items-center justify-center px-4 py-12 sm:px-6 lg:px-8"> <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 class="w-full max-w-sm space-y-10">
<div> <div>
<h2 class="mt-10 text-center text-2xl font-bold leading-9 tracking-tight text-gray-900"> <h2 class="mt-10 text-center text-2xl font-bold leading-9 tracking-tight text-gray-900 dark:text-gray-200">
<%= gettext("Welcome to your Music Library") %> <%= gettext("Welcome to your Music Library") %>
</h2> </h2>
</div> </div>
@@ -15,7 +15,16 @@
type="password" type="password"
autocomplete="current-password" autocomplete="current-password"
required 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" class={[
"relative block w-full rounded-md border-0 py-1.5",
"sm:text-sm sm:leading-6",
"ring-1 ring-inset focus:z-10 focus:ring-2 focus:ring-inset",
"text-gray-900 dark:text-gray-200",
"dark:bg-zinc-700",
"ring-gray-200 dark:ring-gray-400",
"placeholder:text-gray-400 dark:placeholder:text-gray-400",
"focus:ring-zinc-400 dark:focus:ring-zinc-300"
]}
placeholder="Password" placeholder="Password"
/> />
</div> </div>
@@ -24,7 +33,13 @@
<div> <div>
<button <button
type="submit" 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" 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-gray-900",
"focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
]}
> >
<%= gettext("Login") %> <%= gettext("Login") %>
</button> </button>