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()}
|
||||
<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-sm text-base-content/40 mt-2">Add artists to your collection to see their releases here</p>
|
||||
</div>
|
||||
{#else}
|
||||
<div class="flex flex-col gap-10">
|
||||
<div class="flex flex-col" style="gap:2.5rem">
|
||||
{#for entry in entries}
|
||||
<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">
|
||||
|
||||
@@ -40,7 +40,7 @@
|
||||
</div>
|
||||
|
||||
<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"
|
||||
hx-target="#search-results"
|
||||
hx-swap="innerHTML"
|
||||
@@ -51,7 +51,7 @@
|
||||
<div id="search-results"></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="light">Light</option>
|
||||
<option value="synthwave">Synthwave</option>
|
||||
|
||||
Reference in New Issue
Block a user