Fix login overlay visible on reopen when session is still active

The login overlay lacked the `hidden` class by default, so on every page
load it was visible and blocking the app. On fresh load with a valid session,
boot() skips showLogin() (no submit handler added), leaving the overlay
covering the screen with a non-functional form. Adding `hidden` to the HTML
and explicitly hiding the overlay in startApp() fixes both paths.

https://claude.ai/code/session_01JuRTR5Xjx8emQsyerBgGU7
This commit is contained in:
Claude 2026-05-30 13:42:35 +00:00
parent 4ad77f450c
commit 803d157d25
No known key found for this signature in database
2 changed files with 2 additions and 1 deletions

View file

@ -58,6 +58,7 @@ async function doLogout() {
}
async function startApp() {
document.getElementById('loginOverlay').classList.add('hidden');
await loadConfig();
const brand = document.getElementById('navBrand');

View file

@ -9,7 +9,7 @@
<body>
<!-- ===================== LOGIN OVERLAY ===================== -->
<div id="loginOverlay" class="login-overlay">
<div id="loginOverlay" class="login-overlay hidden">
<div class="login-card">
<h1 id="loginBrand">ClubLedger</h1>
<p class="login-sub">Staff sign in</p>