Dashboard-Topbar und FluxTimer-Icon verfeinern

2026-07-12 22:09:18 +02:00
parent 02975ebb25
commit 6195a11501
5 changed files with 22 additions and 13 deletions
@@ -41,14 +41,19 @@
  <!-- ===== Topbar ===== -->
  <header class="mf-topbar">
    <div class="mf-hello">
-      <h1>Willkommen zurück, <span class="nm" sec:authentication="name">Alice</span>! 👋</h1>
+      <h1>Willkommen zurück, <span class="nm" sec:authentication="name">Alice</span>!</h1>
      <p>Wähle ein Spielmodus, um dein Wissen auf die Probe zu stellen.</p>
    </div>
-    <div class="mf-pulse">
-      <svg viewBox="0 0 200 50" fill="none" stroke="var(--accent)" stroke-width="2"><path d="M2 26h40l8-18 10 34 9-26 7 14h26l6-12 9 22 7-24h59"/></svg>
-    </div>
    <div class="mf-tools">
-      <button class="mf-iconbtn ft-bell" type="button" data-fluxtimer-toggle aria-label="FluxTimer öffnen" aria-expanded="false"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.7 21a2 2 0 0 1-3.4 0"/></svg><span class="ft-bell-dot" aria-hidden="true"></span></button>
+      <button class="mf-iconbtn ft-trigger" type="button" data-fluxtimer-toggle aria-label="FluxTimer öffnen" aria-expanded="false">
+        <svg class="ft-trigger-icon" viewBox="0 0 24 24" aria-hidden="true">
+          <rect x="2.5" y="5" width="19" height="14" rx="3"/>
+          <text x="12" y="15.1" text-anchor="middle">88</text>
+          <path d="M6 2.5v2M18 2.5v2M6 19.5v2M18 19.5v2"/>
+        </svg>
+        <span class="ft-trigger-dot" aria-hidden="true"></span>
+      </button>
+      <button class="mf-iconbtn" type="button" aria-label="Benachrichtigungen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.7 21a2 2 0 0 1-3.4 0"/></svg></button>
      <div class="mf-search"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4-4"/></svg><input placeholder="Suche..."></div>
      <button class="mf-theme"></button>
      <form th:action="@{/logout}" method="post" style="display:inline">