Fix gap/sizing: use inline styles for Tailwind classes not in daisyUI CDN
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user