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
: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"
phx-hook="SortableList"
>
@@ -93,7 +93,7 @@
<MusicLibraryWeb.RecordComponents.record_cover
record={item.record}
class="rounded-lg aspect-square object-cover"
width={512}
width={468}
/>
</.link>
<.link
@@ -103,7 +103,7 @@
<MusicLibraryWeb.RecordComponents.record_cover
record={item.record}
class="rounded-lg aspect-square object-cover"
width={512}
width={468}
/>
</.link>
<div
@@ -157,10 +157,10 @@
</.dropdown_button>
</.dropdown>
</div>
<h1 class="mt-1 text-xs sm:text-sm leading-6 text-zinc-700">
<.artist_links joinphrase_class="text-xs" artists={item.record.artists} />
<h1 class="mt-1 text-sm sm:text-sm leading-6 text-zinc-700">
<.artist_links joinphrase_class="text-sm" artists={item.record.artists} />
</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}
</h2>
<p class="pointer-events-none block text-sm font-medium text-zinc-500">