Fix navbar: drop daisyui sections, use plain flex for alignment

This commit is contained in:
2026-07-03 21:37:21 +02:00
parent 87c9d11cbd
commit 135a6fa9cd
@@ -30,12 +30,10 @@
</script> </script>
</head> </head>
<body class="min-h-screen bg-base-100"> <body class="min-h-screen bg-base-100">
<div class="navbar bg-base-300 shadow-lg min-h-0 h-14" style="padding:0 1rem"> <div class="navbar bg-base-300 shadow-lg" style="padding:0 1rem;min-height:3.5rem;display:flex;align-items:center">
<div class="navbar-start"></div> <div style="display:flex;align-items:center;gap:1.5rem;margin-right:auto">
<div class="navbar-center" style="display:flex;align-items:center;justify-content:center">
<a href="/" class="font-bold text-lg text-base-content no-underline">DiscDrop</a> <a href="/" class="font-bold text-lg text-base-content no-underline">DiscDrop</a>
<div id="search-wrapper" style="width:18rem;margin:0 1.5rem"> <div id="search-wrapper" style="width:18rem">
<form hx-get="/api/artists/search" <form hx-get="/api/artists/search"
hx-target="#search-results" hx-target="#search-results"
hx-swap="innerHTML" hx-swap="innerHTML"
@@ -48,7 +46,7 @@
<a href="/artists" class="font-medium text-base-content no-underline {#if activeTab == 'artists'}font-bold{/if}">Artists</a> <a href="/artists" class="font-medium text-base-content no-underline {#if activeTab == 'artists'}font-bold{/if}">Artists</a>
</div> </div>
<div class="navbar-end" style="display:flex;align-items:center;gap:0.5rem"> <div style="display:flex;align-items:center;gap:0.5rem">
<select class="select select-bordered select-sm" style="width:7rem" onchange="setTheme(this)"> <select class="select select-bordered select-sm" style="width:7rem" onchange="setTheme(this)">
<option value="dark">Dark</option> <option value="dark">Dark</option>
<option value="light">Light</option> <option value="light">Light</option>
@@ -59,7 +57,6 @@
<option value="dim">Dim</option> <option value="dim">Dim</option>
<option value="nord">Nord</option> <option value="nord">Nord</option>
</select> </select>
<button class="btn btn-ghost btn-sm" onclick="settingsModal.showModal()">⚙️</button> <button class="btn btn-ghost btn-sm" onclick="settingsModal.showModal()">⚙️</button>
</div> </div>
</div> </div>