mirror of
https://github.com/wahyd4/passkey-auth.git
synced 2026-08-09 04:15:55 +10:00
Minor UI update
This commit is contained in:
@@ -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)
|
||||
},
|
||||
}
|
||||
|
||||
|
||||
+2
-2
@@ -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>
|
||||
|
||||
|
||||
+8
-7
@@ -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
|
||||
|
||||
+2
-2
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user