Stack date above badge, both at 1.5rem
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user