Fix navbar: drop daisyui sections, use plain flex for alignment
This commit is contained in:
@@ -30,12 +30,10 @@
|
||||
</script>
|
||||
</head>
|
||||
<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-start"></div>
|
||||
|
||||
<div class="navbar-center" style="display:flex;align-items:center;justify-content:center">
|
||||
<div class="navbar bg-base-300 shadow-lg" style="padding:0 1rem;min-height:3.5rem;display:flex;align-items:center">
|
||||
<div style="display:flex;align-items:center;gap:1.5rem;margin-right:auto">
|
||||
<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"
|
||||
hx-target="#search-results"
|
||||
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>
|
||||
</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)">
|
||||
<option value="dark">Dark</option>
|
||||
<option value="light">Light</option>
|
||||
@@ -59,7 +57,6 @@
|
||||
<option value="dim">Dim</option>
|
||||
<option value="nord">Nord</option>
|
||||
</select>
|
||||
|
||||
<button class="btn btn-ghost btn-sm" onclick="settingsModal.showModal()">⚙️</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user