Display record cover in edit form

This commit is contained in:
Claudio Ortolina
2025-06-11 20:54:47 +03:00
parent df00a7270f
commit 275e7160d3
@@ -71,20 +71,12 @@ defmodule MusicLibraryWeb.FormComponent do
]} ]}
> >
<div class="text-center"> <div class="text-center">
<svg <img
:if={@uploads.cover_data.entries == []} :if={@uploads.cover_data.entries == []}
class="mx-auto size-24 text-zinc-300" class="rounded-lg mx-auto w-24"
viewBox="0 0 24 24" alt={@record.title}
fill="currentColor" src={~p"/covers/#{@record.id}?vsn=#{@record.cover_hash}"}
aria-hidden="true" />
data-slot="icon"
>
<path
fill-rule="evenodd"
d="M1.5 6a2.25 2.25 0 0 1 2.25-2.25h16.5A2.25 2.25 0 0 1 22.5 6v12a2.25 2.25 0 0 1-2.25 2.25H3.75A2.25 2.25 0 0 1 1.5 18V6ZM3 16.06V18c0 .414.336.75.75.75h16.5A.75.75 0 0 0 21 18v-1.94l-2.69-2.689a1.5 1.5 0 0 0-2.12 0l-.88.879.97.97a.75.75 0 1 1-1.06 1.06l-5.16-5.159a1.5 1.5 0 0 0-2.12 0L3 16.061Zm10.125-7.81a1.125 1.125 0 1 1 2.25 0 1.125 1.125 0 0 1-2.25 0Z"
clip-rule="evenodd"
/>
</svg>
<.live_img_preview <.live_img_preview
:for={entry <- @uploads.cover_data.entries} :for={entry <- @uploads.cover_data.entries}
class="mx-auto size-24" class="mx-auto size-24"