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="body"}
{block name="navbar"} {block name="navbar"}
<header class="p-3 mb-3 border-bottom"> <header>
<div class="container"> <nav class="{block name="navbar-class"}navbar navbar-expand-lg{/block}" {block name="navbar-extra-args"}{/block}>
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start"> <div class="{block name="navbar-container-class"}container{/block}">
{block name="navbar-brand"} {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"/> <img id="logo" src="{static_url path="images/logo.svg"}" alt="Logo" title="Logo"/>
</a> </a>
{/block} {/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 name="navbar-menu"}
{/block} {/block}
</ul> </ul>
@ -49,9 +56,10 @@
{block name="navbar-user"} {block name="navbar-user"}
{if isset($auth_user) && $auth_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"} {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> <i class="fa fa-user-circle" aria-hidden="true"></i>
{$auth_user->name|escape:"htmlall"} {$auth_user->name|escape:"htmlall"}
</a> </a>
@ -61,16 +69,18 @@
{block name="navbar-user-menu-content"}{/block} {block name="navbar-user-menu-content"}{/block}
<li> <li>
<a class="dropdown-item" href="logout"> <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> </a>
</li> </li>
</ul> </ul>
{/block} {/block}
</div> </li>
</ul>
{/if} {/if}
{/block} {/block}
</div> </div>
</div> </div>
</div>
</header> </header>
{/block} {/block}