Swap body (base-100) and cards idle (base-200); cards hover (base-300) matches navbar

This commit is contained in:
2026-07-03 13:12:58 +02:00
parent cb30e9b6db
commit 8d9a3d20bc
3 changed files with 4 additions and 4 deletions
@@ -1,6 +1,6 @@
<div id="artist-list" hx-swap-oob="true"> <div id="artist-list" hx-swap-oob="true">
{#if artists.isEmpty()} {#if artists.isEmpty()}
<div class="bg-base-100" style="border:1px solid var(--fallback-b3,oklch(var(--b3)/1));border-radius:0.5rem;padding:2.5rem;text-align:center"> <div class="bg-base-200" style="border:1px solid var(--fallback-b3,oklch(var(--b3)/1));border-radius:0.5rem;padding:2.5rem;text-align:center">
<svg class="icon-lg text-base-content/20" style="margin:0 auto 0.75rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <svg class="icon-lg text-base-content/20" style="margin:0 auto 0.75rem" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
</svg> </svg>
@@ -1,5 +1,5 @@
{#if entries.isEmpty()} {#if entries.isEmpty()}
<div class="card bg-base-100 shadow-xl p-12 text-center"> <div class="card bg-base-200 shadow-xl p-12 text-center">
<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>
@@ -7,7 +7,7 @@
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-6">
{#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-100 border border-base-300 hover:bg-base-200 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">
<figure class="w-64"> <figure class="w-64">
<img src="https://coverartarchive.org/release-group/{entry.mbid}/front-250" <img src="https://coverartarchive.org/release-group/{entry.mbid}/front-250"
alt="{entry.title}" class="object-cover w-full h-full" alt="{entry.title}" class="object-cover w-full h-full"
@@ -26,7 +26,7 @@
} }
</script> </script>
</head> </head>
<body class="min-h-screen bg-base-200"> <body class="min-h-screen bg-base-100">
<div class="navbar bg-base-300 shadow-lg px-4 min-h-0 h-14"> <div class="navbar bg-base-300 shadow-lg px-4 min-h-0 h-14">
<div class="navbar-start"> <div class="navbar-start">
<div class="tabs tabs-box"> <div class="tabs tabs-box">