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

Fix button/icon sizes in record set show

Browse Source
This commit is contained in:
Claudio Ortolina
2026-03-20 10:35:52 +00:00
parent 715a1e1f69
commit ec318607f1
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/live/record_set_live/show.ex
+5 -5
View File
@@ -99,26 +99,26 @@ defmodule MusicLibraryWeb.RecordSetLive.Show do
width={468} width={468}
/> />
</.link> </.link>
<div <button
data-sortable-handle data-sortable-handle
class="absolute top-1 left-1 flex items-center justify-center rounded-full bg-zinc-100/50 hover:bg-zinc-100/75 dark:bg-zinc-700/50 dark:hover:bg-zinc-700/75 size-8 sm:size-5 cursor-grab active:cursor-grabbing" class="absolute top-1 left-1 flex items-center justify-center rounded-full bg-zinc-100/50 hover:bg-zinc-100/75 dark:bg-zinc-700/50 dark:hover:bg-zinc-700/75 size-8 sm:size-6 cursor-grab active:cursor-grabbing"
> >
<.icon <.icon
name="hero-bars-2" name="hero-bars-2"
class="size-3.5 text-zinc-800 dark:text-zinc-200" class="size-3.5 text-zinc-800 dark:text-zinc-200"
aria-hidden="true" aria-hidden="true"
/> />
</div> </button>
<button <button
phx-click="remove_record" phx-click="remove_record"
phx-value-record-id={item.record.id} phx-value-record-id={item.record.id}
data-confirm={gettext("Remove this record from the set?")} data-confirm={gettext("Remove this record from the set?")}
class="absolute top-1 right-1 flex items-center justify-center rounded-full bg-zinc-100/50 hover:bg-red-100/75 dark:bg-zinc-700/50 dark:hover:bg-red-900/50 size-8 sm:size-5 cursor-pointer" class="absolute top-1 right-1 flex items-center justify-center rounded-full bg-zinc-100/50 hover:bg-red-100/75 dark:bg-zinc-700/50 dark:hover:bg-red-900/50 size-8 sm:size-6 cursor-pointer"
> >
<span class="sr-only">{gettext("Remove")}</span> <span class="sr-only">{gettext("Remove")}</span>
<.icon <.icon
name="hero-trash" name="hero-trash"
class="icon text-zinc-800 hover:text-red-700 dark:text-zinc-200 dark:hover:text-red-400" class="size-3.5 text-zinc-800 hover:text-red-700 dark:text-zinc-200 dark:hover:text-red-400"
aria-hidden="true" aria-hidden="true"
/> />
</button> </button>