From 5713d6dbc945c51c1b490300d6283100031bea8b Mon Sep 17 00:00:00 2001
From: Stefan Hacker <duffy@debian-linux-terminal.local>
Date: Thu, 16 Apr 2026 15:42:43 +0200
Subject: [PATCH] Show the configured logo above the login and setup screens

Adds setup/login auth-logo elements that share applyLogo's existence
check, so the brand image appears on the unauthenticated screens too
when one is configured and quietly stays hidden otherwise.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 public/admin/index.html | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/public/admin/index.html b/public/admin/index.html
index 7ffacbb..aeb33e5 100644
--- a/public/admin/index.html
+++ b/public/admin/index.html
@@ -166,7 +166,9 @@
   .muted { color: var(--text-muted); }
 
   /* Login/Setup center view */
-  .center { min-height: 100vh; display: grid; place-items: center; padding: 1.5rem; }
+  .center { min-height: 100vh; display: flex; flex-direction: column; align-items: center;
+            justify-content: center; padding: 1.5rem; gap: 1.5rem; }
+  .auth-logo { max-width: 240px; max-height: 80px; object-fit: contain; display: block; }
   .auth-card { width: 100%; max-width: 420px; }
   .auth-card h2 { margin: 0 0 .25rem; font-size: 1.4rem; }
   .auth-card p.small { margin: 0 0 1.25rem; }
@@ -215,6 +217,7 @@
 
 <!-- SETUP VIEW -->
 <div id="view-setup" class="center" style="display:none">
+  <img id="setupLogo" class="auth-logo" alt="" style="display:none" />
   <div class="card auth-card">
     <h2>Willkommen 👋</h2>
     <p class="small">Lege den ersten Admin-Account an. Dieser kann später weitere Benutzer verwalten.</p>
@@ -231,6 +234,7 @@
 
 <!-- LOGIN VIEW -->
 <div id="view-login" class="center" style="display:none">
+  <img id="loginLogo" class="auth-logo" alt="" style="display:none" />
   <div class="card auth-card">
     <h2>Login</h2>
     <p class="small">Melde dich mit deinem Account an.</p>
@@ -542,11 +546,20 @@ function applySizeStyle(el, w, h) {
 }
 
 async function applyLogo(width, height) {
-  const img = document.getElementById('navLogo');
+  const navImg = document.getElementById('navLogo');
+  const setupImg = document.getElementById('setupLogo');
+  const loginImg = document.getElementById('loginLogo');
   const src = '/logo?t=' + Date.now();
   const r = await fetch(src, { method: 'HEAD' });
-  if (r.ok) { img.src = src; img.style.display = ''; applySizeStyle(img, width, height); }
-  else img.style.display = 'none';
+  if (r.ok) {
+    navImg.src = src; navImg.style.display = ''; applySizeStyle(navImg, width, height);
+    if (setupImg) { setupImg.src = src; setupImg.style.display = ''; }
+    if (loginImg) { loginImg.src = src; loginImg.style.display = ''; }
+  } else {
+    navImg.style.display = 'none';
+    if (setupImg) setupImg.style.display = 'none';
+    if (loginImg) loginImg.style.display = 'none';
+  }
 }
 
 function measureNatural() {