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

Tighten design of navbar

Browse Source
This commit is contained in:
Claudio Ortolina
2025-04-16 11:04:08 +01:00
parent 4eac9f715a
commit 8501a48a06
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/components/layouts/app.html.heex
+10 -2
View File
@@ -3,7 +3,7 @@
<div class="mx-auto max-w-screen-xl px-4 sm:px-6 lg:px-8"> <div class="mx-auto max-w-screen-xl px-4 sm:px-6 lg:px-8">
<div class="flex h-16 justify-between"> <div class="flex h-16 justify-between">
<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-4">
<.link navigate={~p"/"} class={section_link_classes(assigns[:nav_section], :stats)}> <.link navigate={~p"/"} class={section_link_classes(assigns[:nav_section], :stats)}>
<.icon <.icon
name="hero-chart-pie" name="hero-chart-pie"
@@ -39,14 +39,22 @@
</.link> </.link>
</div> </div>
</div> </div>
<div class="flex space-x-2 md:space-x-8"> <div class="flex space-x-2 md:space-x-4">
<a class={["max-sm:hidden" | nav_link_classes()]} } href={~p"/dev/dashboard"}> <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")} {gettext("Live Dashboard")}
</a> </a>
<a class={["max-sm:hidden" | nav_link_classes()]} } href={~p"/dev/errors"}> <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")} {gettext("Errors")}
</a> </a>
<a class={["max-sm:hidden" | nav_link_classes()]} } href={~p"/dev/oban"}> <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")} {gettext("Oban")}
</a> </a>
<a class={["max-sm:hidden" | nav_link_classes()]} } href={~p"/backup"}> <a class={["max-sm:hidden" | nav_link_classes()]} } href={~p"/backup"}>