Compare commits

..

7 Commits

@@ -33,19 +33,19 @@
<div class="navbar bg-base-300 shadow-lg px-4 min-h-0 h-14"> <div class="navbar bg-base-300 shadow-lg px-4 min-h-0 h-14">
<div class="navbar-start"></div> <div class="navbar-start"></div>
<div class="navbar-center" style="display:flex;flex:1;align-items:center;justify-content:center"> <div class="navbar-center gap-4">
<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-left:2.5rem;margin-right:2.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"
hx-trigger="keyup changed delay:300ms from:#search-input"> hx-trigger="keyup changed delay:300ms from:#search-input">
<input id="search-input" type="text" placeholder="Follow artist..." <input id="search-input" type="text" placeholder="Search artists..."
class="input input-bordered input-sm w-full" name="q" autocomplete="off"> class="input input-bordered input-sm w-full" name="q" autocomplete="off">
</form> </form>
<div id="search-results"></div> <div id="search-results"></div>
</div> </div>
<a href="/artists" class="font-medium text-base-content no-underline {#if activeTab == 'artists'}font-bold{/if}">Artists</a> <a href="/artists" class="btn btn-ghost btn-sm {#if activeTab == 'artists'}btn-active{/if}">Artists</a>
</div> </div>
<div class="navbar-end gap-2"> <div class="navbar-end gap-2">