Fix gap/sizing: use inline styles for Tailwind classes not in daisyUI CDN

This commit is contained in:
2026-07-03 13:25:20 +02:00
parent 60bd9bb468
commit 336791e355
2 changed files with 4 additions and 4 deletions
@@ -1,10 +1,10 @@
{#if entries.isEmpty()} {#if entries.isEmpty()}
<div class="card bg-base-200 shadow-xl p-12 text-center"> <div class="card bg-base-200 shadow-xl text-center" style="padding:3rem">
<p class="text-lg text-base-content/60">No releases found</p> <p class="text-lg text-base-content/60">No releases found</p>
<p class="text-sm text-base-content/40 mt-2">Add artists to your collection to see their releases here</p> <p class="text-sm text-base-content/40 mt-2">Add artists to your collection to see their releases here</p>
</div> </div>
{#else} {#else}
<div class="flex flex-col gap-10"> <div class="flex flex-col" style="gap:2.5rem">
{#for entry in entries} {#for entry in entries}
<a href="https://musicbrainz.org/release-group/{entry.mbid}" target="_blank" rel="noopener noreferrer" <a href="https://musicbrainz.org/release-group/{entry.mbid}" target="_blank" rel="noopener noreferrer"
class="card card-side bg-base-200 border border-base-300 hover:bg-base-300 transition-colors shadow-sm overflow-hidden"> class="card card-side bg-base-200 border border-base-300 hover:bg-base-300 transition-colors shadow-sm overflow-hidden">
@@ -40,7 +40,7 @@
</div> </div>
<div class="navbar-end gap-2"> <div class="navbar-end gap-2">
<div id="search-wrapper" class="w-72"> <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"
@@ -51,7 +51,7 @@
<div id="search-results"></div> <div id="search-results"></div>
</div> </div>
<select class="select select-bordered select-sm w-28" 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>
<option value="synthwave">Synthwave</option> <option value="synthwave">Synthwave</option>