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
+44 -28
View File
@@ -47,35 +47,51 @@
<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="grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm"> <div class="flex gap-6">
<%= if @release.date do %> <div class="flex-shrink-0">
<div> <img
<span class="font-medium text-gray-600 dark:text-gray-400"> src={MusicBrainz.Release.thumb_url(@release)}
Release Date: alt={"Cover art for #{@release.title}"}
</span> class="w-32 h-32 object-cover rounded-lg shadow-sm"
<br />{@release.date} loading="lazy"
/>
</div>
<div class="flex-1">
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm">
<%= if @release.date do %>
<div>
<span class="font-medium text-gray-600 dark:text-gray-400">
Release Date:
</span>
<br />{@release.date}
</div>
<% end %>
<%= if @release.country do %>
<div>
<span class="font-medium text-gray-600 dark:text-gray-400">
Country:
</span>
<br />{@release.country}
</div>
<% end %>
<%= if @release.barcode do %>
<div>
<span class="font-medium text-gray-600 dark:text-gray-400">
Barcode:
</span>
<br />{@release.barcode}
</div>
<% end %>
<%= if @release.catalog_number do %>
<div>
<span class="font-medium text-gray-600 dark:text-gray-400">
Catalog Number:
</span>
<br />{@release.catalog_number}
</div>
<% end %>
</div> </div>
<% end %> </div>
<%= if @release.country do %>
<div>
<span class="font-medium text-gray-600 dark:text-gray-400">Country:</span>
<br />{@release.country}
</div>
<% end %>
<%= if @release.barcode do %>
<div>
<span class="font-medium text-gray-600 dark:text-gray-400">Barcode:</span>
<br />{@release.barcode}
</div>
<% end %>
<%= if @release.catalog_number do %>
<div>
<span class="font-medium text-gray-600 dark:text-gray-400">
Catalog Number:
</span>
<br />{@release.catalog_number}
</div>
<% end %>
</div> </div>
</div> </div>
</div> </div>