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

Re-align buttons for scrobble activity

Browse Source
This commit is contained in:
Claudio Ortolina
2026-03-22 17:38:38 +00:00
parent dcf89fbed3
commit 9aed3afd7a
1 changed files with 23 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/live/stats_live/index.ex
+23 -22
View File
@@ -232,33 +232,34 @@ defmodule MusicLibraryWeb.StatsLive.Index do
defp scrobble_activity(assigns) do defp scrobble_activity(assigns) do
~H""" ~H"""
<div class="flow-root"> <div class="flow-root">
<div class="mt-5 flex items-center justify-between">
<h1 class="text-base font-semibold text-zinc-900 lg:text-2xl dark:text-zinc-200">
{gettext("Scrobble activity")}
</h1>
<.refresh_lastfm_feed_button />
</div>
<.tabs id="scrobble-activity" class="mt-4"> <.tabs id="scrobble-activity" class="mt-4">
<.tabs_list active_tab={@scrobble_activity_mode} variant="segmented" class="w-48"> <div class="mt-5 flex end items-center justify-between">
<:tab <div class="flex">
name="albums" <h1 class="text-base font-semibold text-zinc-900 lg:text-2xl dark:text-zinc-200 mr-2">
phx-click={JS.push("set_scrobble_activity_mode", value: %{mode: "albums"})} {gettext("Scrobble activity")}
> </h1>
{gettext("Albums")} <.refresh_lastfm_feed_button />
</:tab> </div>
<:tab <.tabs_list active_tab={@scrobble_activity_mode} variant="segmented">
name="tracks" <:tab
phx-click={JS.push("set_scrobble_activity_mode", value: %{mode: "tracks"})} name="albums"
> phx-click={JS.push("set_scrobble_activity_mode", value: %{mode: "albums"})}
{gettext("Tracks")} >
</:tab> {gettext("Albums")}
</.tabs_list> </:tab>
<:tab
name="tracks"
phx-click={JS.push("set_scrobble_activity_mode", value: %{mode: "tracks"})}
>
{gettext("Tracks")}
</:tab>
</.tabs_list>
</div>
<.tabs_panel name="albums" active={@scrobble_activity_mode == "albums"}> <.tabs_panel name="albums" active={@scrobble_activity_mode == "albums"}>
<ul <ul
id="scrobble-activity-albums" id="scrobble-activity-albums"
role="list" role="list"
class="mt-5 rounded-md bg-white p-6 shadow-sm dark:bg-zinc-800" class="mt-4 rounded-md bg-white p-6 shadow-sm dark:bg-zinc-800"
phx-update="stream" phx-update="stream"
> >
<li <li