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

Improve layout and font size for record set show page

Browse Source
This commit is contained in:
Claudio Ortolina
2026-02-14 18:27:49 +00:00
parent 60ade1c2f5
commit 162b5208ae
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/live/record_set_live/show.html.heex
+6 -6
View File
@@ -71,7 +71,7 @@
<div <div
:if={@record_set.items != []} :if={@record_set.items != []}
class="grid grid-cols-2 sm:grid-cols-4 gap-4" class="grid grid-cols-3 sm:grid-cols-6 gap-4"
id="record-set-records" id="record-set-records"
phx-hook="SortableList" phx-hook="SortableList"
> >
@@ -93,7 +93,7 @@
<MusicLibraryWeb.RecordComponents.record_cover <MusicLibraryWeb.RecordComponents.record_cover
record={item.record} record={item.record}
class="rounded-lg aspect-square object-cover" class="rounded-lg aspect-square object-cover"
width={512} width={468}
/> />
</.link> </.link>
<.link <.link
@@ -103,7 +103,7 @@
<MusicLibraryWeb.RecordComponents.record_cover <MusicLibraryWeb.RecordComponents.record_cover
record={item.record} record={item.record}
class="rounded-lg aspect-square object-cover" class="rounded-lg aspect-square object-cover"
width={512} width={468}
/> />
</.link> </.link>
<div <div
@@ -157,10 +157,10 @@
</.dropdown_button> </.dropdown_button>
</.dropdown> </.dropdown>
</div> </div>
<h1 class="mt-1 text-xs sm:text-sm leading-6 text-zinc-700"> <h1 class="mt-1 text-sm sm:text-sm leading-6 text-zinc-700">
<.artist_links joinphrase_class="text-xs" artists={item.record.artists} /> <.artist_links joinphrase_class="text-sm" artists={item.record.artists} />
</h1> </h1>
<h2 class="flex font-semibold text-xs sm:text-sm leading-5 text-zinc-700 dark:text-zinc-300 text-wrap"> <h2 class="flex font-semibold text-sm sm:text-sm leading-5 text-zinc-700 dark:text-zinc-300 text-wrap">
{item.record.title} {item.record.title}
</h2> </h2>
<p class="pointer-events-none block text-sm font-medium text-zinc-500"> <p class="pointer-events-none block text-sm font-medium text-zinc-500">