theme/layouts/partials/navbar.html

27 lines
1.1 KiB
HTML

<nav class="w-full bg-primary">
<div class="flex justify-between max-w-screen-2xl mx-auto">
<!-- <div class="navbar-brand">-->
<!-- <a class="navbar-item" href="{{ .Site.BaseURL }}">-->
<!-- <img src="{{ .Site.BaseURL }}images/vikunja-logo-white.svg" alt="{{ .Site.Title }}">-->
<!-- </a>-->
<!-- <span class="navbar-burger burger" data-target="navMenu" aria-label="menu" aria-expanded="false">-->
<!-- <span></span>-->
<!-- <span></span>-->
<!-- <span></span>-->
<!-- </span>-->
<!-- </div>-->
<a class="navbar-item" href="/">
<img src="{{ .Site.BaseURL }}images/vikunja-logo-white.svg" alt="{{ .Site.Title }}" class="h-10 my-2"/>
</a>
<div id="navMenu" class="text-white flex font-title font-semibold">
{{ $currentNode := .Page }}{{ range .Site.Menus.page }}
<a class="block h-full py-4 px-2 hover:bg-primary-darker {{ if $currentNode.IsMenuCurrent "page" . }}bg-primary-darker{{ end }}" href="{{ .URL }}">
{{ .Name }}
</a>
{{ end }}
</div>
</div>
</nav>
<div class="navbar-background" id="navbar-background"></div>