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

Use .button for scroll activity filters

Browse Source
This commit is contained in:
Claudio Ortolina
2025-05-14 07:51:43 +01:00
parent bb4fce61c7
commit 0de4746069
1 changed files with 6 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/live/stats_live/index.html.heex
+6 -12
View File
@@ -128,30 +128,24 @@
</div>
<%!-- TODO: replace with OSS version --%>
<span class="mt-5 isolate inline-flex rounded-md shadow-xs">
<button
<.button
phx-click={JS.push("set_scrobble_activity_mode", value: %{"mode" => :albums})}
class={[
"relative inline-flex items-center rounded-l-md",
"px-3 py-2 text-xs sm:text-sm font-semibold",
"ring-1 ring-inset focus:z-10",
"bg-white dark:bg-zinc-900 text-zinc-900 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700 ring-zinc-300",
"rounded-l-md rounded-r-none",
@scrobble_activity_mode == :albums && "!bg-zinc-100 dark:!bg-zinc-700"
]}
>
{gettext("Albums")}
</button>
<button
</.button>
<.button
phx-click={JS.push("set_scrobble_activity_mode", value: %{"mode" => :tracks})}
class={[
"relative -ml-px inline-flex items-center rounded-r-md",
"px-3 py-2 text-xs sm:text-sm font-semibold",
"ring-1 ring-inset focus:z-10",
"bg-white dark:bg-zinc-900 text-zinc-900 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700 ring-zinc-300",
"-ml-px rounded-r-md rounded-l-none",
@scrobble_activity_mode == :tracks && "!bg-zinc-100 dark:!bg-zinc-700"
]}
>
{gettext("Tracks")}
</button>
</.button>
</span>
<ul
:if={@scrobble_activity_mode == :albums}