Add navbar icons except on smallest viewport

This commit is contained in:
Claudio Ortolina
2025-03-05 17:02:34 +00:00
parent cf4de00577
commit a5ec76833c
2 changed files with 25 additions and 7 deletions
@@ -5,18 +5,36 @@
<div class="flex"> <div class="flex">
<div class="flex space-x-2 md:space-x-8"> <div class="flex space-x-2 md:space-x-8">
<.link navigate={~p"/"} class={section_link_classes(assigns[:nav_section], :stats)}> <.link navigate={~p"/"} class={section_link_classes(assigns[:nav_section], :stats)}>
<.icon
name="hero-chart-pie"
class="max-sm:hidden h-4 w-4 mr-2"
aria-hidden="true"
data-slot="icon"
/>
{gettext("Stats")} {gettext("Stats")}
</.link> </.link>
<.link <.link
navigate={~p"/collection"} navigate={~p"/collection"}
class={section_link_classes(assigns[:nav_section], :records)} class={section_link_classes(assigns[:nav_section], :records)}
> >
<.icon
name="hero-circle-stack"
class="max-sm:hidden h-4 w-4 mr-2"
aria-hidden="true"
data-slot="icon"
/>
{gettext("Collection")} {gettext("Collection")}
</.link> </.link>
<.link <.link
navigate={~p"/wishlist"} navigate={~p"/wishlist"}
class={section_link_classes(assigns[:nav_section], :wishlist)} class={section_link_classes(assigns[:nav_section], :wishlist)}
> >
<.icon
name="hero-star"
class="max-sm:hidden h-4 w-4 mr-2"
aria-hidden="true"
data-slot="icon"
/>
{gettext("Wishlist")} {gettext("Wishlist")}
</.link> </.link>
</div> </div>
+7 -7
View File
@@ -29,7 +29,7 @@ msgstr ""
msgid "Choose a value" msgid "Choose a value"
msgstr "" msgstr ""
#: lib/music_library_web/components/layouts/app.html.heex:14 #: lib/music_library_web/components/layouts/app.html.heex:26
#: lib/music_library_web/live/artist_live/show.html.heex:105 #: lib/music_library_web/live/artist_live/show.html.heex:105
#: lib/music_library_web/live/collection_live/index.ex:157 #: lib/music_library_web/live/collection_live/index.ex:157
#: lib/music_library_web/live/collection_live/show.ex:117 #: lib/music_library_web/live/collection_live/show.ex:117
@@ -123,7 +123,7 @@ msgstr ""
msgid "Login" msgid "Login"
msgstr "" msgstr ""
#: lib/music_library_web/components/layouts/app.html.heex:47 #: lib/music_library_web/components/layouts/app.html.heex:65
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Logout" msgid "Logout"
msgstr "" msgstr ""
@@ -241,7 +241,7 @@ msgstr ""
msgid "Something went wrong!" msgid "Something went wrong!"
msgstr "" msgstr ""
#: lib/music_library_web/components/layouts/app.html.heex:8 #: lib/music_library_web/components/layouts/app.html.heex:14
#: lib/music_library_web/live/stats_live/index.ex:27 #: lib/music_library_web/live/stats_live/index.ex:27
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Stats" msgid "Stats"
@@ -296,7 +296,7 @@ msgstr ""
msgid "Welcome to your Music Library" msgid "Welcome to your Music Library"
msgstr "" msgstr ""
#: lib/music_library_web/components/layouts/app.html.heex:20 #: lib/music_library_web/components/layouts/app.html.heex:38
#: lib/music_library_web/live/artist_live/show.html.heex:114 #: lib/music_library_web/live/artist_live/show.html.heex:114
#: lib/music_library_web/live/wishlist_live/index.ex:159 #: lib/music_library_web/live/wishlist_live/index.ex:159
#: lib/music_library_web/live/wishlist_live/show.ex:137 #: lib/music_library_web/live/wishlist_live/show.ex:137
@@ -415,7 +415,7 @@ msgstr ""
msgid "Made by" msgid "Made by"
msgstr "" msgstr ""
#: lib/music_library_web/components/layouts/app.html.heex:26 #: lib/music_library_web/components/layouts/app.html.heex:44
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Dev dashboard" msgid "Dev dashboard"
msgstr "" msgstr ""
@@ -490,7 +490,7 @@ msgstr ""
msgid "A->Z" msgid "A->Z"
msgstr "" msgstr ""
#: lib/music_library_web/components/layouts/app.html.heex:29 #: lib/music_library_web/components/layouts/app.html.heex:47
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Errors" msgid "Errors"
msgstr "" msgstr ""
@@ -537,7 +537,7 @@ msgstr ""
msgid "Album" msgid "Album"
msgstr "" msgstr ""
#: lib/music_library_web/components/layouts/app.html.heex:38 #: lib/music_library_web/components/layouts/app.html.heex:56
#: lib/music_library_web/components/record_components.ex:280 #: lib/music_library_web/components/record_components.ex:280
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Backup" msgid "Backup"