Stack date above badge, both at 1.5rem

This commit is contained in:
2026-07-03 13:48:25 +02:00
parent 53985b0cd2
commit c06b22d27e
@@ -17,19 +17,21 @@
<div class="card-body"> <div class="card-body">
<h3 style="font-size:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--fallback-bc,oklch(var(--bc)/0.6))">{entry.artistName}</h3> <h3 style="font-size:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--fallback-bc,oklch(var(--bc)/0.6))">{entry.artistName}</h3>
<h2 style="font-size:2rem;font-weight:700">{entry.title}</h2> <h2 style="font-size:2rem;font-weight:700">{entry.title}</h2>
<div style="display:flex;align-items:center;gap:0.75rem;margin-top:0.75rem;flex-wrap:wrap"> <div style="margin-top:0.75rem">
{#if entry.primaryType == 'Album'}
<span class="badge badge-primary" style="font-size:0.95rem;padding:0.4rem 0.8rem">Album</span>
{#else if entry.primaryType == 'Single'}
<span class="badge badge-secondary" style="font-size:0.95rem;padding:0.4rem 0.8rem">Single</span>
{#else if entry.primaryType == 'EP'}
<span class="badge badge-accent" style="font-size:0.95rem;padding:0.4rem 0.8rem">EP</span>
{#else}
<span class="badge badge-ghost" style="font-size:0.95rem;padding:0.4rem 0.8rem">{entry.primaryType}</span>
{/if}
{#if entry.firstReleaseDate} {#if entry.firstReleaseDate}
<span style="font-size:1rem;color:var(--fallback-bc,oklch(var(--bc)/0.4))">{entry.firstReleaseDate}</span> <div style="font-size:1.5rem;color:var(--fallback-bc,oklch(var(--bc)/0.4))">{entry.firstReleaseDate}</div>
{/if} {/if}
<div style="margin-top:0.4rem">
{#if entry.primaryType == 'Album'}
<span class="badge badge-primary" style="font-size:1.5rem;padding:0.3rem 0.8rem;height:auto">Album</span>
{#else if entry.primaryType == 'Single'}
<span class="badge badge-secondary" style="font-size:1.5rem;padding:0.3rem 0.8rem;height:auto">Single</span>
{#else if entry.primaryType == 'EP'}
<span class="badge badge-accent" style="font-size:1.5rem;padding:0.3rem 0.8rem;height:auto">EP</span>
{#else}
<span class="badge badge-ghost" style="font-size:1.5rem;padding:0.3rem 0.8rem;height:auto">{entry.primaryType}</span>
{/if}
</div>
</div> </div>
</div> </div>
</a> </a>