feat (navbar): updated navbar with daisy UI component as demo

This commit is contained in:
carla 2025-07-21 11:45:29 +02:00
parent bbf760c2b5
commit f17f8fe74d
2 changed files with 45 additions and 36 deletions

View file

@ -0,0 +1,42 @@
defmodule MvWeb.Layouts.Navbar do
@moduledoc """
Navbar that is used in the rootlayout shown on every page
"""
use Phoenix.Component
use Gettext, backend: MvWeb.Gettext
def navbar(assigns) do
~H"""
<header class="navbar bg-base-100 shadow-sm">
<div class="flex-1">
<a class="btn btn-ghost text-xl">Mitgliederverwaltung</a>
<ul class="menu menu-horizontal bg-base-200">
<li><a href="/members">{gettext("Listing Members")}</a></li>
<li><a>Transaktionen</a></li>
</ul>
</div>
<div class="flex gap-2">
<div class="dropdown dropdown-end">
<div tabindex="0" role="button" class="btn btn-ghost btn-circle avatar avatar-placeholder">
<div class="bg-neutral text-neutral-content w-12 rounded-full">
<span>AA</span>
</div>
</div>
<ul
tabindex="0"
class="menu menu-sm dropdown-content bg-base-100 rounded-box z-1 mt-3 w-52 p-2 shadow"
>
<li>
<a>
{gettext("Profil")}
</a>
</li>
<li><a>{gettext("Settings")}</a></li>
<li><a href="sign-out">{gettext("Logout")}</a></li>
</ul>
</div>
</div>
</header>
"""
end
end