mkelvers/mal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: reformat auth template with multiline attributes

Browse Source
This commit is contained in:
mkelvers
2026-04-20 16:28:40 +02:00
parent 3f195dfc36
commit b101a5e0c9
1 changed files with 30 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
web/templates/auth.templ
View File

@@ -9,15 +9,41 @@ templ Login(formError string, username string) {
<form action="/login" method="POST" class="grid gap-4">
<div class="grid gap-1">
<label for="username">Username / Email</label>
<input class="h-10 border border-transparent bg-(--surface-search) px-3 text-(--text) transition-colors duration-120 focus:border-(--surface-search-focus-border) focus:outline-none" type="text" id="username" name="username" required placeholder="you@example.com" value={ username }/>
<input
class="h-10 border border-transparent bg-(--surface-search) px-3 text-(--text) transition-colors duration-120 focus:border-(--surface-search-focus-border) focus:outline-none"
type="text"
id="username"
name="username"
required
placeholder="you@example.com"
value={ username }
/>
</div>
<div class="grid gap-1">
<label for="password">Password</label>
<input class="h-10 border border-transparent bg-(--surface-search) px-3 text-(--text) transition-colors duration-120 focus:border-(--surface-search-focus-border) focus:outline-none" type="password" id="password" name="password" required placeholder="Your password"/>
<input
class="h-10 border border-transparent bg-(--surface-search) px-3 text-(--text) transition-colors duration-120 focus:border-(--surface-search-focus-border) focus:outline-none"
type="password"
id="password"
name="password"
required
placeholder="Your password"
/>
</div>
<button type="submit" class="h-10 cursor-pointer border-0 bg-(--accent) text-sm font-semibold text-(--text-on-accent) hover:brightness-95">Sign in</button>
<button
type="submit"
class="h-10 cursor-pointer border-0 bg-(--accent) text-sm font-semibold text-(--text-on-accent) hover:brightness-95"
>
Sign in
</button>
if formError != "" {
<p class="mt-2 text-xs text-(--danger)" role="alert" aria-live="polite">{ formError }</p>
<p
class="mt-2 text-xs text-(--danger)"
role="alert"
aria-live="polite"
>
{ formError }
</p>
}
</form>
</div>