From 8d02c0f615f11e6c794180a5adcf555620b88995 Mon Sep 17 00:00:00 2001
From: Leo Vasanko <git@vasanko.com>
Date: Wed, 3 Dec 2025 23:31:35 +0000
Subject: [PATCH] Formatting, tidy up, transparent auth dialog background.

---
 examples/style.css                         |  7 +++----
 frontend/src/assets/style.css              |  1 +
 frontend/src/components/RestrictedAuth.vue |  2 +-
 passkey/db/sql.py                          | 11 ++++++++---
 4 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/examples/style.css b/examples/style.css
index 4ce7ffd..615ec1b 100644
--- a/examples/style.css
+++ b/examples/style.css
@@ -2,12 +2,11 @@
     color-scheme: light dark;
 }
 
-body:has(iframe) {
+body:has(#auth-iframe) {
     overflow: hidden;    /* prevent scrolling the page */
 }
 
-iframe {
-    /* Fullscreen overlay */
+#auth-iframe {
     border: none;
     position: fixed;
     top: 0;
@@ -15,8 +14,8 @@ iframe {
     width: 100%;
     height: 100%;
     z-index: 9999;
-    /* Transparent background with a backdrop effect (optional) */
     color-scheme: auto;
+    background: transparent;
     backdrop-filter: blur(4px) brightness(0.7);
     -webkit-backdrop-filter: blur(4px) brightness(0.7);
 }
diff --git a/frontend/src/assets/style.css b/frontend/src/assets/style.css
index 2d58cd1..be06fe1 100644
--- a/frontend/src/assets/style.css
+++ b/frontend/src/assets/style.css
@@ -723,6 +723,7 @@ body:has(#auth-iframe) {
   height: 100%;
   z-index: 9999;
   color-scheme: auto;
+  background: transparent;
   backdrop-filter: blur(4px) brightness(0.7);
   -webkit-backdrop-filter: blur(4px) brightness(0.7);
 }
diff --git a/frontend/src/components/RestrictedAuth.vue b/frontend/src/components/RestrictedAuth.vue
index 85bb200..1f59d57 100644
--- a/frontend/src/components/RestrictedAuth.vue
+++ b/frontend/src/components/RestrictedAuth.vue
@@ -77,7 +77,7 @@ const canAuthenticate = computed(() => {
 
 const headingTitle = computed(() => {
   if (props.mode === 'reauth') {
-    return `🔐 Additional Verification Required`
+    return `🔐 Additional Authentication`
   }
   if (props.mode === 'forbidden' || currentView.value === 'forbidden') return '🚫 Forbidden'
   return `🔐 ${settings.value?.rp_name || location.origin}`
diff --git a/passkey/db/sql.py b/passkey/db/sql.py
index 0c72cf9..4cd408c 100644
--- a/passkey/db/sql.py
+++ b/passkey/db/sql.py
@@ -1329,7 +1329,8 @@ class DB(DatabaseInterface):
                 .join(RoleModel, UserModel.role_uuid == RoleModel.uuid)
                 .join(OrgModel, RoleModel.org_uuid == OrgModel.uuid)
                 .outerjoin(
-                    CredentialModel, SessionModel.credential_uuid == CredentialModel.uuid
+                    CredentialModel,
+                    SessionModel.credential_uuid == CredentialModel.uuid,
                 )
                 .outerjoin(RolePermission, RoleModel.uuid == RolePermission.role_uuid)
                 .outerjoin(
@@ -1346,7 +1347,9 @@ class DB(DatabaseInterface):
 
             # Extract the first row to get session and user data
             first_row = rows[0]
-            session_model, user_model, role_model, org_model, credential_model, _ = first_row
+            session_model, user_model, role_model, org_model, credential_model, _ = (
+                first_row
+            )
 
             # Create the session object
             if host is not None:
@@ -1376,7 +1379,9 @@ class DB(DatabaseInterface):
             )
 
             # Create credential object if available
-            credential_obj = credential_model.as_dataclass() if credential_model else None
+            credential_obj = (
+                credential_model.as_dataclass() if credential_model else None
+            )
 
             # Collect all unique permissions for the role
             permissions = []