Stack date above badge, both at 1.5rem
This commit is contained in:
@@ -17,19 +17,21 @@
|
||||
<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>
|
||||
<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">
|
||||
{#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}
|
||||
<div style="margin-top:0.75rem">
|
||||
{#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}
|
||||
<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>
|
||||
</a>
|
||||
|
||||
Reference in New Issue
Block a user