cloud/music_library
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Render artist image in artist page

Browse Source
This commit is contained in:
Claudio Ortolina
2025-04-27 21:39:53 +01:00
parent d603bc2ffd
commit 3cee739fc9
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/live/artist_live/show.html.heex
+8 -1
View File
@@ -3,6 +3,7 @@
<h1 class="font-semibold text-2xl leading-5 text-zinc-700 dark:text-zinc-300 text-wrap"> <h1 class="font-semibold text-2xl leading-5 text-zinc-700 dark:text-zinc-300 text-wrap">
{@artist.name} {@artist.name}
</h1> </h1>
<div class="mt-4 flex items-center justify-between"> <div class="mt-4 flex items-center justify-between">
<.async_result :let={artist_info} assign={@artist_info}> <.async_result :let={artist_info} assign={@artist_info}>
<:loading> <:loading>
@@ -60,11 +61,17 @@
</div> </div>
</header> </header>
<div class="mt-4 grid md:grid-cols-5 md:gap-2"> <div class="mt-4 grid md:grid-cols-5 md:gap-4">
<div class="col-span-5 md:col-span-1 mt-4 order-2 md:order-1"> <div class="col-span-5 md:col-span-1 mt-4 order-2 md:order-1">
<h2 class="font-semibold text-base sm:text-lg leading-5 text-zinc-700 dark:text-zinc-300"> <h2 class="font-semibold text-base sm:text-lg leading-5 text-zinc-700 dark:text-zinc-300">
{gettext("Meta")} {gettext("Meta")}
</h2> </h2>
<img
class="w-full rounded-md shadow-sm mt-4"
src={~p"/artists/#{@artist.musicbrainz_id}/image"}
alt={@artist.name}
onerror={"this.src = '" <> ~p"/images/cover-not-found.png" <> "';"}
/>
<.async_result :let={artist_info} assign={@artist_info}> <.async_result :let={artist_info} assign={@artist_info}>
<:loading> <:loading>
<div class="mt-4 text-sm leading-5 text-zinc-500 dark:text-zinc-400"> <div class="mt-4 text-sm leading-5 text-zinc-500 dark:text-zinc-400">