diff options
| author | Peter Stone <thepeterstone@gmail.com> | 2026-03-22 10:05:16 +0000 |
|---|---|---|
| committer | Peter Stone <thepeterstone@gmail.com> | 2026-03-22 10:05:16 +0000 |
| commit | 11b905fd437d651b2e39745aa82a5dd36f70331e (patch) | |
| tree | a9019cfa8fc81b274622b5b414fbb8d5f602fa78 /web/templates/passkeys_list.html | |
| parent | 77f4aa8d1f818169490a35bf2ec3eb43e60166b4 (diff) | |
style: modernize UI with dark glass theme and 40% bg opacity
Diffstat (limited to 'web/templates/passkeys_list.html')
| -rw-r--r-- | web/templates/passkeys_list.html | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/web/templates/passkeys_list.html b/web/templates/passkeys_list.html index 4e05461..22ed724 100644 --- a/web/templates/passkeys_list.html +++ b/web/templates/passkeys_list.html @@ -1,13 +1,13 @@ {{define "passkeys_list.html"}} -<div class="items-list"> +<div class="grid gap-3"> {{if .Passkeys}} {{range .Passkeys}} - <div class="item-row" id="passkey-{{.ID}}"> - <div class="item-name"> - <strong>{{if .Name}}{{.Name}}{{else}}Passkey{{end}}</strong> - <div class="item-desc">Added {{.CreatedAt.Format "Jan 2, 2006"}}</div> + <div class="card flex items-center gap-4" id="passkey-{{.ID}}"> + <div class="flex-1 min-w-0"> + <strong class="text-white block truncate">{{if .Name}}{{.Name}}{{else}}Passkey{{end}}</strong> + <div class="text-xs text-slate-500">Added {{.CreatedAt.Format "Jan 2, 2006"}}</div> </div> - <button class="btn btn-danger btn-sm" + <button class="text-xs text-red-400 hover:text-red-300 transition-colors" hx-delete="/passkeys/{{.ID}}" hx-target="#passkey-{{.ID}}" hx-swap="outerHTML" @@ -18,7 +18,7 @@ </div> {{end}} {{else}} - <div class="empty-state">No passkeys registered. Register one to enable passwordless login.</div> + <div class="card text-center text-slate-500 py-6 text-sm italic">No passkeys registered. Register one to enable passwordless login.</div> {{end}} </div> {{end}} |