empty.tpl: improve navbar

This commit is contained in:
Benjamin Renard 2023-03-08 13:04:33 +01:00
parent 7b635a4f00
commit 01e7d9de6f
Signed by: bn8
GPG key ID: 3E2E1CE1907115BC

View file

@ -31,16 +31,23 @@
{block name="body"}
{block name="navbar"}
<header class="p-3 mb-3 border-bottom">
<div class="container">
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
<header>
<nav class="{block name="navbar-class"}navbar navbar-expand-lg{/block}" {block name="navbar-extra-args"}{/block}>
<div class="{block name="navbar-container-class"}container{/block}">
{block name="navbar-brand"}
<a href="/" class="d-flex align-items-center mb-2 mb-lg-0 text-dark text-decoration-none">
<a class="navbar-brand me-3" href="#">
<img id="logo" src="{static_url path="images/logo.svg"}" alt="Logo" title="Logo"/>
</a>
{/block}
<ul class="pr-2 nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar-menu">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
{block name="navbar-menu"}
{/block}
</ul>
@ -49,9 +56,10 @@
{block name="navbar-user"}
{if isset($auth_user) && $auth_user}
<div class="dropdown text-end">
<ul class="navbar-nav text-end">
<li class="nav-item dropdown">
{block name="navbar-user-name"}
<a href="#" class="d-block link-dark text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
<a class="nav-link active dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fa fa-user-circle" aria-hidden="true"></i>
{$auth_user->name|escape:"htmlall"}
</a>
@ -61,16 +69,18 @@
{block name="navbar-user-menu-content"}{/block}
<li>
<a class="dropdown-item" href="logout">
<i class="fas fa-sign-out-alt"></i> {t domain=$CORE_TEXT_DOMAIN}Sign out{/t}
<i class="fa fa-sign-out"></i> {t domain=$CORE_TEXT_DOMAIN}Sign out{/t}
</a>
</li>
</ul>
{/block}
</div>
</li>
</ul>
{/if}
{/block}
</div>
</div>
</div>
</header>
{/block}