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="p-6">
<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">
<%= if @release.date do %>
<div>
<span class="font-medium text-gray-600 dark:text-gray-400">
Release Date:
</span>
<br />{@release.date}
<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">
<%= 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>
<% 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>
</div>
</div>