refactor: reorder head and use non-blocking font loading
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
{{define "title"}}Login{{end}}
|
||||
{{define "scripts"}}{{end}}
|
||||
{{define "content"}}
|
||||
<main class="flex min-h-dvh items-center justify-center bg-[url(/static/images/background.png)] bg-cover bg-center px-3 py-4 sm:px-4 sm:py-8">
|
||||
<main class="flex min-h-dvh items-center justify-center bg-background px-3 py-4 sm:px-4 sm:py-8">
|
||||
<div class="mx-auto w-full max-w-125 bg-background-surface px-5 pb-6 pt-7 shadow-sm sm:px-8 sm:pb-8 sm:pt-11 lg:px-12">
|
||||
<h1 class="mb-6 text-2xl font-normal leading-tight tracking-[-0.02em] text-foreground sm:mb-8 sm:text-3xl sm:leading-none">
|
||||
Sign in to your account
|
||||
@@ -21,7 +21,7 @@
|
||||
placeholder="you@example.com"
|
||||
required
|
||||
value="{{.Username}}"
|
||||
class="h-10 w-full bg-background-surface px-3 text-foreground outline-none transition focus:ring-1 focus:ring-accent rounded-none!"
|
||||
class="h-10 w-full bg-background-surface px-3 text-foreground outline-none transition focus:ring-1 focus:ring-accent "
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
<label for="password" class="block font-normal text-foreground">
|
||||
Password
|
||||
</label>
|
||||
<div class="flex h-10 w-full bg-background-surface transition focus-within:ring-1 focus-within:ring-accent rounded-none!">
|
||||
<div class="flex h-10 w-full bg-background-surface transition focus-within:ring-1 focus-within:ring-accent ">
|
||||
<input
|
||||
id="password"
|
||||
name="password"
|
||||
@@ -37,7 +37,7 @@
|
||||
autocomplete="current-password"
|
||||
placeholder="Enter your password"
|
||||
required
|
||||
class="min-w-0 flex-1 bg-transparent px-3 text-foreground outline-none rounded-none!"
|
||||
class="min-w-0 flex-1 bg-transparent px-3 text-foreground outline-none "
|
||||
/>
|
||||
<button
|
||||
type="button"
|
||||
|
||||
Reference in New Issue
Block a user