feat(web/m7-377): artist detail moves LikeButton inline with heading at size lg
This commit is contained in:
@@ -69,7 +69,10 @@
|
|||||||
{@const detail = query.data}
|
{@const detail = query.data}
|
||||||
<header class="flex items-center gap-4">
|
<header class="flex items-center gap-4">
|
||||||
<div class="min-w-0 flex-1">
|
<div class="min-w-0 flex-1">
|
||||||
<h1 class="font-display text-2xl font-medium text-text-primary">{detail.name}</h1>
|
<div class="flex items-center gap-3">
|
||||||
|
<h1 class="font-display text-2xl font-medium text-text-primary">{detail.name}</h1>
|
||||||
|
<LikeButton entityType="artist" entityId={detail.id} size="lg" />
|
||||||
|
</div>
|
||||||
<p class="text-sm text-text-secondary">
|
<p class="text-sm text-text-secondary">
|
||||||
{detail.album_count} {detail.album_count === 1 ? 'album' : 'albums'}
|
{detail.album_count} {detail.album_count === 1 ? 'album' : 'albums'}
|
||||||
</p>
|
</p>
|
||||||
@@ -83,7 +86,6 @@
|
|||||||
>
|
>
|
||||||
<Play size={24} strokeWidth={1.5} fill="currentColor" class="ml-0.5" />
|
<Play size={24} strokeWidth={1.5} fill="currentColor" class="ml-0.5" />
|
||||||
</button>
|
</button>
|
||||||
<LikeButton entityType="artist" entityId={detail.id} />
|
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
{#if detail.albums.length === 0}
|
{#if detail.albums.length === 0}
|
||||||
|
|||||||
Reference in New Issue
Block a user