Formatting, tidy up, transparent auth dialog background.

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);
 }

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);
 }

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}`

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 = []