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

Improve wording and layout of scrobbled tracks order buttons

Browse Source
This commit is contained in:
Claudio Ortolina
2026-03-15 21:03:11 +00:00
parent d2cccce9dc
commit 805f93cd3c
3 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/live/scrobbled_tracks_live/index.ex
+9 -9
View File
@@ -31,7 +31,7 @@ defmodule MusicLibraryWeb.ScrobbledTracksLive.Index do
<.button_group>
<.button
patch={order_path(@track_list_params, :scrobbled_at)}
size="xs"
size="sm"
class={[
@track_list_params.order == :scrobbled_at && "bg-zinc-100! dark:bg-zinc-700!"
]}
@@ -42,37 +42,37 @@ defmodule MusicLibraryWeb.ScrobbledTracksLive.Index do
aria-hidden="true"
data-slot="icon"
/>
{gettext("Scrobbled")}
<span class="sr-only sm:not-sr-only">{gettext("Timestamp")}</span>
</.button>
<.button
patch={order_path(@track_list_params, :title)}
size="xs"
size="sm"
class={[
@track_list_params.order == :title && "bg-zinc-100! dark:bg-zinc-700!"
]}
>
<.icon name="hero-musical-note-solid" class="icon" aria-hidden="true" data-slot="icon" />
{gettext("Title")}
<span class="sr-only sm:not-sr-only">{gettext("Title")}</span>
</.button>
<.button
patch={order_path(@track_list_params, :artist)}
size="xs"
size="sm"
class={[
@track_list_params.order == :artist && "bg-zinc-100! dark:bg-zinc-700!"
]}
>
<.icon name="hero-user-solid" class="icon" aria-hidden="true" data-slot="icon" />
{gettext("Artist")}
<span class="sr-only sm:not-sr-only">{gettext("Artist")}</span>
</.button>
<.button
patch={order_path(@track_list_params, :album)}
size="xs"
size="sm"
class={[
@track_list_params.order == :album && "bg-zinc-100! dark:bg-zinc-700!"
]}
>
<.icon name="hero-musical-note-solid" class="icon" aria-hidden="true" data-slot="icon" />
{gettext("Album")}
<.icon name="hero-numbered-list-solid" class="icon" aria-hidden="true" data-slot="icon" />
<span class="sr-only sm:not-sr-only">{gettext("Album")}</span>
</.button>
</.button_group>
<.refresh_lastfm_feed_button />