From 11b905fd437d651b2e39745aa82a5dd36f70331e Mon Sep 17 00:00:00 2001
From: Peter Stone <thepeterstone@gmail.com>
Date: Sun, 22 Mar 2026 10:05:16 +0000
Subject: style: modernize UI with dark glass theme and 40% bg opacity

---
 web/templates/passkeys_list.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

(limited to 'web/templates/passkeys_list.html')

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}}
-- 
cgit v1.2.3