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

Use dropdown for "more" link in the nav

Browse Source
This commit is contained in:
Claudio Ortolina
2025-05-14 08:09:14 +01:00
parent 0de4746069
commit ddca7be870
4 changed files with 53 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/components/core_components.ex
+4
View File
@@ -22,6 +22,10 @@ defmodule MusicLibraryWeb.CoreComponents do
defdelegate badge(assigns), to: Fluxon.Components.Badge
defdelegate button(assigns), to: Fluxon.Components.Button
defdelegate date_time_picker(assigns), to: Fluxon.Components.DatePicker
defdelegate dropdown(assigns), to: Fluxon.Components.Dropdown
defdelegate dropdown_button(assigns), to: Fluxon.Components.Dropdown
defdelegate dropdown_link(assigns), to: Fluxon.Components.Dropdown
defdelegate dropdown_separator(assigns), to: Fluxon.Components.Dropdown
defdelegate input(assigns), to: Fluxon.Components.Input
defdelegate label(assigns), to: Fluxon.Components.Form
defdelegate loading(assigns), to: Fluxon.Components.Loading
lib/music_library_web/components/layouts/app.html.heex
+39 -36
View File
@@ -39,42 +39,45 @@
</.link>
</div>
</div>
<div class="flex space-x-2 md:space-x-4">
<a class={["max-sm:hidden" | nav_link_classes()]} } href={~p"/dev/dashboard"}>
<.icon name="hero-chart-bar" class="h-4 w-4 mr-2" aria-hidden="true" data-slot="icon" />
{gettext("Live Dashboard")}
</a>
<a class={["max-sm:hidden" | nav_link_classes()]} } href={~p"/dev/errors"}>
<.icon
name="hero-exclamation-circle"
class="h-4 w-4 mr-2"
aria-hidden="true"
data-slot="icon"
/>
{gettext("Errors")}
</a>
<a class={["max-sm:hidden" | nav_link_classes()]} } href={~p"/dev/oban"}>
<.icon name="hero-cog" class="h-4 w-4 mr-2" aria-hidden="true" data-slot="icon" />
{gettext("Oban")}
</a>
<a class={["max-sm:hidden" | nav_link_classes()]} } href={~p"/backup"}>
<.icon
name="hero-archive-box-arrow-down"
class="h-4 w-4 mr-2"
aria-hidden="true"
data-slot="icon"
/>
{gettext("Backup")}
</a>
<a class={nav_link_classes()} } href={~p"/login"}>
<.icon
name="hero-arrow-left-start-on-rectangle"
class="h-4 w-4 mr-2"
aria-hidden="true"
data-slot="icon"
/>
{gettext("Logout")}
</a>
<div class="flex space-x-2 md:space-x-4 items-center">
<.dropdown label={gettext("More")}>
<.dropdown_link href={~p"/dev/dashboard"}>
<.icon name="hero-chart-bar" class="h-4 w-4 mr-2" aria-hidden="true" data-slot="icon" />
{gettext("Live Dashboard")}
</.dropdown_link>
<.dropdown_link href={~p"/dev/errors"}>
<.icon
name="hero-exclamation-circle"
class="h-4 w-4 mr-2"
aria-hidden="true"
data-slot="icon"
/>
{gettext("Errors")}
</.dropdown_link>
<.dropdown_link href={~p"/dev/oban"}>
<.icon name="hero-cog" class="h-4 w-4 mr-2" aria-hidden="true" data-slot="icon" />
{gettext("Oban")}
</.dropdown_link>
<.dropdown_link href={~p"/backup"}>
<.icon
name="hero-archive-box-arrow-down"
class="h-4 w-4 mr-2"
aria-hidden="true"
data-slot="icon"
/>
{gettext("Backup")}
</.dropdown_link>
<.dropdown_separator />
<.dropdown_link href={~p"/login"}>
<.icon
name="hero-arrow-left-start-on-rectangle"
class="h-4 w-4 mr-2"
aria-hidden="true"
data-slot="icon"
/>
{gettext("Logout")}
</.dropdown_link>
</.dropdown>
</div>
</div>
</div>