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

Stabilize record detail layout

Browse Source
This commit is contained in:
Claudio Ortolina
2026-02-28 09:55:47 +00:00
parent 49b7c3c955
commit d5238eb35c
2 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/collection_live/show.ex
+3 -3
View File
@@ -27,15 +27,15 @@ defmodule MusicLibraryWeb.CollectionLive.Show do
def render(assigns) do def render(assigns) do
~H""" ~H"""
<Layouts.app flash={@flash} current_section={@current_section} socket={@socket}> <Layouts.app flash={@flash} current_section={@current_section} socket={@socket}>
<div class="md:flex mt-4 px-4 md:gap-x-4"> <div class="lg:grid lg:grid-cols-2 xl:grid-cols-5 mt-4 px-4 md:gap-x-4">
<div class="drop-shadow-sm md:max-w-152 lg:min-w-152"> <div class="drop-shadow-sm xl:col-span-2">
<.record_cover <.record_cover
record={@record} record={@record}
class="w-full rounded-lg drop-shadow-sm" class="w-full rounded-lg drop-shadow-sm"
/> />
</div> </div>
<div class="grow"> <div class="xl:col-span-3">
<div class="mt-4 md:mt-0 flex justify-between items-center"> <div class="mt-4 md:mt-0 flex justify-between items-center">
<h1 class="text-base font-medium leading-6 text-zinc-700"> <h1 class="text-base font-medium leading-6 text-zinc-700">
<.artist_links joinphrase_class="text-sm" artists={@record.artists} /> <.artist_links joinphrase_class="text-sm" artists={@record.artists} />
lib/music_library_web/live/wishlist_live/show.ex
+3 -3
View File
@@ -24,15 +24,15 @@ defmodule MusicLibraryWeb.WishlistLive.Show do
def render(assigns) do def render(assigns) do
~H""" ~H"""
<Layouts.app flash={@flash} current_section={@current_section} socket={@socket}> <Layouts.app flash={@flash} current_section={@current_section} socket={@socket}>
<div class="md:flex mt-4 px-4 md:gap-x-4"> <div class="lg:grid lg:grid-cols-2 xl:grid-cols-5 mt-4 px-4 md:gap-x-4">
<div class="drop-shadow-sm md:max-w-152 lg:min-w-152"> <div class="drop-shadow-sm xl:col-span-2">
<.record_cover <.record_cover
record={@record} record={@record}
class="w-full rounded-lg drop-shadow-sm" class="w-full rounded-lg drop-shadow-sm"
/> />
</div> </div>
<div class="grow"> <div class="xl:col-span-3">
<div class="mt-4 md:mt-0 flex justify-between items-center"> <div class="mt-4 md:mt-0 flex justify-between items-center">
<h1 class="text-base font-medium leading-6 text-zinc-700"> <h1 class="text-base font-medium leading-6 text-zinc-700">
<.artist_links joinphrase_class="text-sm" artists={@record.artists} /> <.artist_links joinphrase_class="text-sm" artists={@record.artists} />