home/passkey-auth
2
0
Fork 0
mirror of https://github.com/wahyd4/passkey-auth.git synced 2026-08-09 04:15:55 +10:00
Code Issues Packages Projects Releases Wiki Activity

Minor UI update

Browse Source
This commit is contained in:
junv
2025-08-05 20:34:49 +10:00
parent a90a7bb452
commit 94cd6e680c
4 changed files with 17 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
internal/config/config.go
+1 -1
View File
@@ -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)
},
}
web/index.html
+6 -6
View File
@@ -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'
});
web/login.html
+8 -7
View File
@@ -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
web/redirect.html
+2 -2
View File
@@ -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>