Add custom shadow classes for cards and dropdown

2026-07-03 13:29:31 +02:00
parent 18251be3c1
commit 076992525a
3 changed files with 5 additions and 2 deletions
@@ -7,7 +7,7 @@
 <div style="display:flex;flex-direction:column;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">
+     class="card card-side bg-base-200 border border-base-300 hover:bg-base-300 card-shadow overflow-hidden">
    <figure class="w-64">
      <img src="https://coverartarchive.org/release-group/{entry.mbid}/front-250"
           alt="{entry.title}" class="object-cover w-full h-full"
@@ -1,4 +1,4 @@
-<div class="card bg-base-300 shadow-xl border border-base-300 mt-1 max-h-72 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()}
    <div class="p-4 text-sm text-center text-base-content/50">No artists found</div>
  {#else}