Minor UI update

2026-08-08 20:15:44 +10:00 · 2025-08-05 20:34:49 +10:00
parent a90a7bb452
commit 94cd6e680c
4 changed files with 17 additions and 16 deletions
@@ -76,7 +76,7 @@ func Load() (*Config, error) {
 			SessionSecret:   "change-me-in-production",
 			RequireApproval: true,
 			AllowedEmails:   []string{}, // Empty means no email restrictions
-			CookieDomain:    "", // Empty means no domain restriction (current domain only)
+			CookieDomain:    "",         // Empty means no domain restriction (current domain only)
 		},
 	}

@@ -3,7 +3,7 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Passkey Authentication</title>
+    <title>Passkey Auth</title>
    <style>
        body {
            font-family: system-ui, -apple-system, sans-serif;
@@ -40,7 +40,7 @@
 <body>
    <div class="container">
        <div class="spinner"></div>
-        <h2>🔐 Passkey Authentication</h2>
+        <h2>🔐 Passkey Auth</h2>
        <p id="status">Checking authentication status...</p>
    </div>

@@ -55,13 +55,13 @@
            // Prefer 'redirect' over 'rd' if both are present
            const redirectParam = urlParams.get('redirect');
            const rdParam = urlParams.get('rd');
-            
+
            console.log('URL params:', {
                redirect: redirectParam,
                rd: rdParam,
                search: window.location.search
            });
-            
+
            return redirectParam || rdParam;
        }

@@ -99,7 +99,7 @@

        async function checkAuthAndRedirect() {
            const redirectUrl = getRedirectUrl();
-            
+
            if (!redirectUrl) {
                updateStatus('No redirect URL provided');
                setTimeout(() => {
@@ -110,7 +110,7 @@

            try {
                updateStatus('Checking authentication...');
-                
+
                const response = await fetch('/api/auth/status', {
                    credentials: 'include'
                });
@@ -4,7 +4,7 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="color-scheme" content="light dark">
-    <title>Passkey Authentication</title>
+    <title>Passkey Auth</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css">
    <style>
        /* Minimal custom styles - let PicoCSS handle most styling */
@@ -70,6 +70,12 @@
            margin-top: 1rem;
        }

+        /* Make login container smaller */
+        #authPanel article {
+            max-width: 400px;
+            margin: 0 auto;
+        }
+
        /* Responsive adjustments */
        @media (max-width: 576px) {
            .user-actions {
@@ -88,7 +94,7 @@
    <main class="container">
        <header>
            <hgroup>
-                <h1>🔐 Passkey Authentication</h1>
+                <h1>🔐 Passkey Auth</h1>
                <p id="headerSubtitle">Secure passwordless authentication</p>
            </hgroup>
            <nav>
@@ -113,11 +119,6 @@
        <!-- Authentication Section -->
        <section id="authPanel" class="auth-panel">
            <article>
-                <header>
-                    <h2 id="authTitle">Sign in to your account</h2>
-                    <p>Use your passkey for secure authentication</p>
-                </header>
-
                <form id="authForm">
                    <label for="email">
                        Email address
@@ -3,7 +3,7 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Passkey Authentication</title>
+    <title>Passkey Auth</title>
    <style>
        body {
            font-family: system-ui, -apple-system, sans-serif;
@@ -40,7 +40,7 @@
 <body>
    <div class="container">
        <div class="spinner"></div>
-        <h2>🔐 Passkey Authentication</h2>
+        <h2>🔐 Passkey Auth</h2>
        <p id="status">Checking authentication status...</p>
    </div>