23 lines
1.1 KiB
HTML
23 lines
1.1 KiB
HTML
<div class="flex gap-3 items-center bg-base-100 rounded-box border border-base-300 p-2.5 shadow-sm">
|
|
<img src="https://coverartarchive.org/release-group/{row.mbid}/front"
|
|
alt="cover"
|
|
loading="lazy"
|
|
class="cover-art w-40 h-40 object-cover shrink-0"
|
|
onerror="this.onerror=null;this.src='/img/no-cover.svg'"/>
|
|
|
|
<div class="flex-1 min-w-0 flex flex-col justify-center gap-1">
|
|
<div class="font-semibold text-sm text-base-content/70 truncate">{row.artist.name}</div>
|
|
<a href="{row.mbzUrl}" target="_blank" rel="noopener"
|
|
class="link link-hover text-base font-bold leading-tight block truncate">
|
|
{row.title}
|
|
</a>
|
|
<div class="flex flex-wrap items-center gap-2 mt-0.5">
|
|
{#if row.primaryType??}<span class="badge badge-primary badge-sm">{row.primaryType}</span>{/if}
|
|
{#if row.secondaryTypes??}<span class="badge badge-ghost badge-sm">{row.secondaryTypes}</span>{/if}
|
|
<span class="text-sm text-base-content/60">
|
|
{#if row.firstReleaseDateRaw??}{row.firstReleaseDateRaw}{#else}—{/if}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|