Constrain card width to 42rem and center them

This commit is contained in:
2026-07-03 13:38:16 +02:00
parent 076992525a
commit d290bc81bc
@@ -4,10 +4,10 @@
<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 style="display:flex;flex-direction:column;gap:2.5rem"> <div style="display:flex;flex-direction:column;align-items:center;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 card-shadow overflow-hidden"> class="card card-side bg-base-200 border border-base-300 hover:bg-base-300 card-shadow overflow-hidden" style="max-width:42rem;width:100%">
<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"