Show logo above auth forms

2026-02-02 17:39:23 +01:00
parent 7f66bc2263
commit 7a71e4831d
2 changed files with 14 additions and 0 deletions
--- a/wwwroot/index.html
+++ b/wwwroot/index.html
@@ -13,6 +13,9 @@
 </head>
 <body class="page">
  <section class="card hidden" id="auth-card">
+    <div class="auth-logo">
+      <img src="logo.png" alt="CoopGameChooser logo" />
+    </div>
    <div class="stack horizontal">
      <button class="ghost active" data-auth-tab="login" type="button" data-i18n="auth.loginTab">Log in</button>
      <button class="ghost" data-auth-tab="register" type="button" data-i18n="auth.registerTab">Register</button>
--- a/wwwroot/styles.css
+++ b/wwwroot/styles.css
@@ -234,6 +234,17 @@ input[type="range"].full-slider::-moz-range-track {

 .auth-card .active { font-weight: 700; }
 .auth-form { margin-top: 8px; }
+.auth-logo {
+  display: flex;
+  justify-content: center;
+  margin-bottom: 12px;
+}
+.auth-logo img {
+  max-width: 200px;
+  width: 100%;
+  height: auto;
+  filter: drop-shadow(0 6px 16px rgba(0,0,0,0.25));
+}

 .admin-toggle {
  position: fixed;