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
+7 -6
View File
@@ -232,14 +232,15 @@ 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"> <.tabs id="scrobble-activity" class="mt-4">
<h1 class="text-base font-semibold text-zinc-900 lg:text-2xl dark:text-zinc-200"> <div class="mt-5 flex end items-center justify-between">
<div class="flex">
<h1 class="text-base font-semibold text-zinc-900 lg:text-2xl dark:text-zinc-200 mr-2">
{gettext("Scrobble activity")} {gettext("Scrobble activity")}
</h1> </h1>
<.refresh_lastfm_feed_button /> <.refresh_lastfm_feed_button />
</div> </div>
<.tabs id="scrobble-activity" class="mt-4"> <.tabs_list active_tab={@scrobble_activity_mode} variant="segmented">
<.tabs_list active_tab={@scrobble_activity_mode} variant="segmented" class="w-48">
<:tab <:tab
name="albums" name="albums"
phx-click={JS.push("set_scrobble_activity_mode", value: %{mode: "albums"})} phx-click={JS.push("set_scrobble_activity_mode", value: %{mode: "albums"})}
@@ -253,12 +254,12 @@ defmodule MusicLibraryWeb.StatsLive.Index do
{gettext("Tracks")} {gettext("Tracks")}
</:tab> </:tab>
</.tabs_list> </.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