Restructure navbar: DiscDrop, search, Artists centered together

2026-07-03 13:54:26 +02:00
parent c06b22d27e
commit daab557692
1 changed files with 5 additions and 10 deletions
@@ -31,18 +31,10 @@
 </head>
 <body class="min-h-screen bg-base-100">
  <div class="navbar bg-base-300 shadow-lg px-4 min-h-0 h-14">
-    <div class="navbar-start">
-      <div class="tabs tabs-box">
-        <a href="/" class="tab tab-sm {#if activeTab == 'releases'}tab-active{/if}">Releases</a>
-        <a href="/artists" class="tab tab-sm {#if activeTab == 'artists'}tab-active{/if}">Artists</a>
-      </div>
-    </div>
+    <div class="navbar-start"></div>

-    <div class="navbar-center">
+    <div class="navbar-center gap-4">
      <a href="/" class="font-bold text-lg text-base-content no-underline">DiscDrop</a>
-    </div>
-
-    <div class="navbar-end gap-2">
      <div id="search-wrapper" style="width:18rem">
        <form hx-get="/api/artists/search"
              hx-target="#search-results"
@@ -53,7 +45,10 @@
        </form>
        <div id="search-results"></div>
      </div>
+      <a href="/artists" class="btn btn-ghost btn-sm {#if activeTab == 'artists'}btn-active{/if}">Artists</a>
+    </div>

+    <div class="navbar-end gap-2">
      <select class="select select-bordered select-sm" style="width:7rem" onchange="setTheme(this)">
        <option value="dark">Dark</option>
        <option value="light">Light</option>