Fix top tabs on mobile
This commit is contained in:
@@ -19,14 +19,14 @@ defmodule MusicLibraryWeb.StatsLive.TopAlbums do
|
|||||||
{gettext("Top Albums")}
|
{gettext("Top Albums")}
|
||||||
</h1>
|
</h1>
|
||||||
<.tabs class="mt-4">
|
<.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
|
<:tab
|
||||||
class="flex-1"
|
class="flex-1"
|
||||||
name="top_albums_last_30_days"
|
name="top_albums_last_30_days"
|
||||||
phx-click={JS.push("set_period", value: %{period: "last_30_days"})}
|
phx-click={JS.push("set_period", value: %{period: "last_30_days"})}
|
||||||
phx-target={@myself}
|
phx-target={@myself}
|
||||||
>
|
>
|
||||||
{gettext("Last 30 days")}
|
{gettext("30 days")}
|
||||||
</:tab>
|
</:tab>
|
||||||
<:tab
|
<:tab
|
||||||
class="flex-1"
|
class="flex-1"
|
||||||
@@ -34,7 +34,7 @@ defmodule MusicLibraryWeb.StatsLive.TopAlbums do
|
|||||||
phx-click={JS.push("set_period", value: %{period: "last_90_days"})}
|
phx-click={JS.push("set_period", value: %{period: "last_90_days"})}
|
||||||
phx-target={@myself}
|
phx-target={@myself}
|
||||||
>
|
>
|
||||||
{gettext("Last 90 days")}
|
{gettext("90 days")}
|
||||||
</:tab>
|
</:tab>
|
||||||
<:tab
|
<:tab
|
||||||
class="flex-1"
|
class="flex-1"
|
||||||
|
|||||||
@@ -17,14 +17,14 @@ defmodule MusicLibraryWeb.StatsLive.TopArtists do
|
|||||||
{gettext("Top Artists")}
|
{gettext("Top Artists")}
|
||||||
</h1>
|
</h1>
|
||||||
<.tabs class="mt-4">
|
<.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
|
<:tab
|
||||||
class="flex-1"
|
class="flex-1"
|
||||||
name="top_artists_last_30_days"
|
name="top_artists_last_30_days"
|
||||||
phx-click={JS.push("set_period", value: %{period: "last_30_days"})}
|
phx-click={JS.push("set_period", value: %{period: "last_30_days"})}
|
||||||
phx-target={@myself}
|
phx-target={@myself}
|
||||||
>
|
>
|
||||||
{gettext("Last 30 days")}
|
{gettext("30 days")}
|
||||||
</:tab>
|
</:tab>
|
||||||
<:tab
|
<:tab
|
||||||
class="flex-1"
|
class="flex-1"
|
||||||
@@ -32,7 +32,7 @@ defmodule MusicLibraryWeb.StatsLive.TopArtists do
|
|||||||
phx-click={JS.push("set_period", value: %{period: "last_90_days"})}
|
phx-click={JS.push("set_period", value: %{period: "last_90_days"})}
|
||||||
phx-target={@myself}
|
phx-target={@myself}
|
||||||
>
|
>
|
||||||
{gettext("Last 90 days")}
|
{gettext("90 days")}
|
||||||
</:tab>
|
</:tab>
|
||||||
<:tab
|
<:tab
|
||||||
class="flex-1"
|
class="flex-1"
|
||||||
|
|||||||
+12
-12
@@ -893,18 +893,6 @@ msgstr ""
|
|||||||
msgid "Record deleted"
|
msgid "Record deleted"
|
||||||
msgstr ""
|
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
|
#: lib/music_library_web/live/stats_live/top_albums.ex
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
msgid "Top Albums"
|
msgid "Top Albums"
|
||||||
@@ -1290,3 +1278,15 @@ msgstr ""
|
|||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
msgid "Data sourced from"
|
msgid "Data sourced from"
|
||||||
msgstr ""
|
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 ""
|
||||||
|
|||||||
@@ -893,18 +893,6 @@ msgstr ""
|
|||||||
msgid "Record deleted"
|
msgid "Record deleted"
|
||||||
msgstr ""
|
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
|
#: lib/music_library_web/live/stats_live/top_albums.ex
|
||||||
#, elixir-autogen, elixir-format, fuzzy
|
#, elixir-autogen, elixir-format, fuzzy
|
||||||
msgid "Top Albums"
|
msgid "Top Albums"
|
||||||
@@ -1290,3 +1278,15 @@ msgstr ""
|
|||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
msgid "Data sourced from"
|
msgid "Data sourced from"
|
||||||
msgstr ""
|
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 ""
|
||||||
|
|||||||
Reference in New Issue
Block a user