Swap body (base-100) and cards idle (base-200); cards hover (base-300) matches navbar
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user