Kopfzeile: komplettes Original-Logo statt Icon und Schrift

tools/make-branding.mjs

@@ -270,7 +270,7 @@ try {
   fs.writeFileSync(path.join(out.icons, '32x32.png'), bySize(32));
   fs.writeFileSync(path.join(out.icons, '128x128.png'), bySize(128));
   fs.writeFileSync(path.join(out.icons, 'icon.png'), await edge.render(orbHtml(512), 512, 512));
-  fs.writeFileSync(path.join(out.ui, 'logo.png'), bySize(128));
+  fs.writeFileSync(path.join(out.ui, 'logo-wide.png'), await edge.render(wideHtml(480, 165), 480, 165));
 
   fs.writeFileSync(path.join(out.installer, 'sidebar.bmp'), pngToBmp(await edge.render(sidebarHtml(), 164, 314), [5, 0, 0]));
   fs.writeFileSync(path.join(out.installer, 'header.bmp'), pngToBmp(await edge.render(wideHtml(150, 57), 150, 57)));

ui/index.html

@@ -12,8 +12,7 @@
     <header class="app-header">
       <div class="header-left">
         <div class="header-brand">
-          <img class="header-logo" src="logo.png" alt="">
-          <span class="header-brand-title">EuerChat</span>
+          <img class="header-logo" src="logo-wide.png" alt="EuerChat">
         </div>
         <!-- Nur sichtbar, wenn ein Lua-Skript (.luac) geladen und aktiv ist -->
         <button class="btn-modi-switch hidden" id="btnModiToggle" title="Zwischen normalem Hörer und Radio-Moderator wechseln">

ui/style.css

@@ -82,10 +82,9 @@ body.dark-theme {
 }
 
 .header-logo {
-  height: 38px;
-  width: 38px;
+  height: 46px;
+  width: auto;
   flex-shrink: 0;
-  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
 }
 
 .header-brand-title {