Fix top tabs on mobile

This commit is contained in:
Claudio Ortolina
2025-08-24 20:22:57 +03:00
parent a934fad58d
commit 918ab186ec
4 changed files with 30 additions and 30 deletions
@@ -19,14 +19,14 @@ defmodule MusicLibraryWeb.StatsLive.TopAlbums do
{gettext("Top Albums")}
</h1>
<.tabs class="mt-4">
<.tabs_list active_tab={name_from_period(@period)} variant="segmented">
<.tabs_list active_tab={name_from_period(@period)} variant="segmented" size="xs">
<:tab
class="flex-1"
name="top_albums_last_30_days"
phx-click={JS.push("set_period", value: %{period: "last_30_days"})}
phx-target={@myself}
>
{gettext("Last 30 days")}
{gettext("30 days")}
</:tab>
<:tab
class="flex-1"
@@ -34,7 +34,7 @@ defmodule MusicLibraryWeb.StatsLive.TopAlbums do
phx-click={JS.push("set_period", value: %{period: "last_90_days"})}
phx-target={@myself}
>
{gettext("Last 90 days")}
{gettext("90 days")}
</:tab>
<:tab
class="flex-1"
@@ -17,14 +17,14 @@ defmodule MusicLibraryWeb.StatsLive.TopArtists do
{gettext("Top Artists")}
</h1>
<.tabs class="mt-4">
<.tabs_list active_tab={name_from_period(@period)} variant="segmented">
<.tabs_list active_tab={name_from_period(@period)} variant="segmented" size="xs">
<:tab
class="flex-1"
name="top_artists_last_30_days"
phx-click={JS.push("set_period", value: %{period: "last_30_days"})}
phx-target={@myself}
>
{gettext("Last 30 days")}
{gettext("30 days")}
</:tab>
<:tab
class="flex-1"
@@ -32,7 +32,7 @@ defmodule MusicLibraryWeb.StatsLive.TopArtists do
phx-click={JS.push("set_period", value: %{period: "last_90_days"})}
phx-target={@myself}
>
{gettext("Last 90 days")}
{gettext("90 days")}
</:tab>
<:tab
class="flex-1"
+12 -12
View File
@@ -893,18 +893,6 @@ msgstr ""
msgid "Record deleted"
msgstr ""
#: lib/music_library_web/live/stats_live/top_albums.ex
#: lib/music_library_web/live/stats_live/top_artists.ex
#, elixir-autogen, elixir-format
msgid "Last 30 days"
msgstr ""
#: lib/music_library_web/live/stats_live/top_albums.ex
#: lib/music_library_web/live/stats_live/top_artists.ex
#, elixir-autogen, elixir-format
msgid "Last 90 days"
msgstr ""
#: lib/music_library_web/live/stats_live/top_albums.ex
#, elixir-autogen, elixir-format
msgid "Top Albums"
@@ -1290,3 +1278,15 @@ msgstr ""
#, elixir-autogen, elixir-format
msgid "Data sourced from"
msgstr ""
#: lib/music_library_web/live/stats_live/top_albums.ex
#: lib/music_library_web/live/stats_live/top_artists.ex
#, elixir-autogen, elixir-format
msgid "30 days"
msgstr ""
#: lib/music_library_web/live/stats_live/top_albums.ex
#: lib/music_library_web/live/stats_live/top_artists.ex
#, elixir-autogen, elixir-format
msgid "90 days"
msgstr ""
+12 -12
View File
@@ -893,18 +893,6 @@ msgstr ""
msgid "Record deleted"
msgstr ""
#: lib/music_library_web/live/stats_live/top_albums.ex
#: lib/music_library_web/live/stats_live/top_artists.ex
#, elixir-autogen, elixir-format
msgid "Last 30 days"
msgstr ""
#: lib/music_library_web/live/stats_live/top_albums.ex
#: lib/music_library_web/live/stats_live/top_artists.ex
#, elixir-autogen, elixir-format
msgid "Last 90 days"
msgstr ""
#: lib/music_library_web/live/stats_live/top_albums.ex
#, elixir-autogen, elixir-format, fuzzy
msgid "Top Albums"
@@ -1290,3 +1278,15 @@ msgstr ""
#, elixir-autogen, elixir-format
msgid "Data sourced from"
msgstr ""
#: lib/music_library_web/live/stats_live/top_albums.ex
#: lib/music_library_web/live/stats_live/top_artists.ex
#, elixir-autogen, elixir-format
msgid "30 days"
msgstr ""
#: lib/music_library_web/live/stats_live/top_albums.ex
#: lib/music_library_web/live/stats_live/top_artists.ex
#, elixir-autogen, elixir-format
msgid "90 days"
msgstr ""