Add: search form to navbar

This commit is contained in:
Aroy-Art 2024-05-15 12:54:37 +02:00
parent 4308688c80
commit fe1d6c4f8a
Signed by: Aroy
GPG key ID: 583642324A1D2070

View file

@ -37,9 +37,19 @@
<ul class="navbar-nav navbar-nav-hover ms-auto"> <ul class="navbar-nav navbar-nav-hover ms-auto">
{% if request.user.is_authenticated %} {% if request.user.is_authenticated %}
{% endif %}
<!-- Search form -->
<li class="nav-item ms-lg-auto mx-2">
<form class="d-flex" role="search">
<div class="input-group me-2">
<input class="form-control" type="search" placeholder="Search" aria-label="Search" aria-describedby="basic-addon1">
<button class="input-group-text nf nf-fa-search" id="search-addon" type="submit"></button>
</div>
</form>
</li>
{% else %}
<!-- Theme Selector --> <!-- Theme Selector -->
<li class="nav-item ms-lg-auto mx-2"> <li class="nav-item ms-lg-auto mx-2">
<div class="d-flex align-items-center dropdown color-modes"> <div class="d-flex align-items-center dropdown color-modes">
@ -91,7 +101,7 @@
</a> </a>
</li> </li>
{% endif %} {% endif %}
</ul> </ul>
</div> </div>
</div> </div>