Restyle web buttons with borderless square tabs and accent gradients.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-10-27 23:18:07 +01:00
parent a594183310
commit 2061df63d4
2 changed files with 167 additions and 48 deletions
@@ -587,21 +587,23 @@
 {:else}
  <div class="app-shell">
    <header class="topbar">
-      <div class="brand">task-master</div>
-      <nav class="nav">
-        <button class:active={topTab === 'dashboard'} onclick={openDashboard}>Dashboard</button>
-        <button class:active={topTab === 'projects'} onclick={openProjects}>Projekte</button>
-        {#if user.isAdmin}
-          <button class:active={topTab === 'users'} onclick={openAdmin}>User</button>
-        {/if}
-        <button class:active={topTab === 'settings'} onclick={openGlobalSettings}>Settings</button>
-      </nav>
-      <div class="row">
+      <div class="topbar-start">
+        <button type="button" class="brand" onclick={openDashboard}>task-master</button>
+        <nav class="nav">
+          <button type="button" class:active={topTab === 'dashboard'} onclick={openDashboard}>Dashboard</button>
+          <button type="button" class:active={topTab === 'projects'} onclick={openProjects}>Projekte</button>
+          {#if user.isAdmin}
+            <button type="button" class:active={topTab === 'users'} onclick={openAdmin}>User</button>
+          {/if}
+          <button type="button" class:active={topTab === 'settings'} onclick={openGlobalSettings}>Settings</button>
+        </nav>
+      </div>
+      <div class="topbar-meta row">
        {#if timer}
          <span class="muted">⏱ {timer.ticketId.slice(0, 8)}…</span>
        {/if}
        <span class="muted">{user.username}{user.isAdmin ? ' (admin)' : ''}</span>
-        <button onclick={doLogout}>Logout</button>
+        <button type="button" onclick={doLogout}>Logout</button>
      </div>
    </header>