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

Add artwork to scrobble release page

Browse Source
This commit is contained in:
Claudio Ortolina
2025-09-25 10:58:17 +03:00
parent 0673133966
commit 95d2a295f0
1 changed files with 44 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/live/scrobble_live/show.html.heex
+18 -2
View File
@@ -47,6 +47,16 @@
<div class="bg-white dark:bg-zinc-800 shadow rounded-lg"> <div class="bg-white dark:bg-zinc-800 shadow rounded-lg">
<div class="p-6"> <div class="p-6">
<h3 class="text-lg font-semibold mb-4">Release Information</h3> <h3 class="text-lg font-semibold mb-4">Release Information</h3>
<div class="flex gap-6">
<div class="flex-shrink-0">
<img
src={MusicBrainz.Release.thumb_url(@release)}
alt={"Cover art for #{@release.title}"}
class="w-32 h-32 object-cover rounded-lg shadow-sm"
loading="lazy"
/>
</div>
<div class="flex-1">
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm">
<%= if @release.date do %> <%= if @release.date do %>
<div> <div>
@@ -58,13 +68,17 @@
<% end %> <% end %>
<%= if @release.country do %> <%= if @release.country do %>
<div> <div>
<span class="font-medium text-gray-600 dark:text-gray-400">Country:</span> <span class="font-medium text-gray-600 dark:text-gray-400">
Country:
</span>
<br />{@release.country} <br />{@release.country}
</div> </div>
<% end %> <% end %>
<%= if @release.barcode do %> <%= if @release.barcode do %>
<div> <div>
<span class="font-medium text-gray-600 dark:text-gray-400">Barcode:</span> <span class="font-medium text-gray-600 dark:text-gray-400">
Barcode:
</span>
<br />{@release.barcode} <br />{@release.barcode}
</div> </div>
<% end %> <% end %>
@@ -79,6 +93,8 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
<%= if @release.media != [] do %> <%= if @release.media != [] do %>
<div class="bg-white dark:bg-zinc-800 shadow rounded-lg mt-6"> <div class="bg-white dark:bg-zinc-800 shadow rounded-lg mt-6">