Compare commits

..

3 Commits

Author SHA1 Message Date
droideparanoico b228024e31 Increase dropdown padding to 1rem, replace Tailwind classes with inline styles 2026-07-06 15:44:06 +02:00
droideparanoico 06f118641e Merge remote-tracking branch 'origin/main'
# Conflicts:
#	src/main/resources/templates/layouts/base.html
2026-07-06 15:41:24 +02:00
droideparanoico 0e4c2df69a Fix input width with inline style 2026-07-06 15:41:07 +02:00
2 changed files with 9 additions and 8 deletions
@@ -1,21 +1,22 @@
<div class="card bg-base-300 dropdown-shadow border border-base-300 mt-1" style="max-height:18rem;overflow-y:auto"> <div class="card bg-base-300 dropdown-shadow border border-base-300 mt-1" style="max-height:18rem;overflow-y:auto">
{#if artists.isEmpty()} {#if artists.isEmpty()}
<div class="p-4 text-sm text-center text-base-content/50">No artists found</div> <div style="padding:1rem;text-align:center;font-size:0.875rem;color:var(--fallback-bc,oklch(var(--bc)/0.5))">No artists found</div>
{#else} {#else}
{#for artist in artists} {#for artist in artists}
<div class="flex items-center justify-between p-3 hover:bg-base-200 border-b border-base-300 last:border-b-0 transition-colors"> <div style="display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--fallback-b3,oklch(var(--b3)/1));transition:background 0.1s"
<div class="flex-1 min-w-0 mr-2"> onmouseover="this.style.background='var(--fallback-b2,oklch(var(--b2)/1))'" onmouseout="this.style.background=''">
<div class="flex items-center gap-2"> <div style="flex:1;min-width:0;margin-right:0.5rem">
<span class="font-semibold text-sm">{artist.name}</span> <div style="display:flex;align-items:center;gap:0.5rem">
<span style="font-weight:600;font-size:0.9rem">{artist.name}</span>
{#if artist.type} {#if artist.type}
<span class="badge badge-ghost badge-xs">{artist.type}</span> <span class="badge badge-ghost badge-xs">{artist.type}</span>
{/if} {/if}
</div> </div>
{#if artist.disambiguation} {#if artist.disambiguation}
<div class="text-xs text-base-content/50 truncate">{artist.disambiguation}</div> <div style="font-size:0.75rem;color:var(--fallback-bc,oklch(var(--bc)/0.5));overflow:hidden;text-overflow:ellipsis;white-space:nowrap">{artist.disambiguation}</div>
{/if} {/if}
{#if artist.area} {#if artist.area}
<div class="text-xs text-base-content/40">{artist.area}</div> <div style="font-size:0.75rem;color:var(--fallback-bc,oklch(var(--bc)/0.4))">{artist.area}</div>
{/if} {/if}
</div> </div>
<div class="flex-shrink-0"> <div class="flex-shrink-0">
@@ -52,7 +52,7 @@
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="Add artist to follow" <input id="search-input" type="text" placeholder="Search artist to follow"
class="input input-bordered input-sm" name="q" autocomplete="off" style="width:100%"> class="input input-bordered input-sm" name="q" autocomplete="off" style="width:100%">
</form> </form>
<div id="search-results"></div> <div id="search-results"></div>