Added search field in navbar
Some checks failed
ci/woodpecker/push/woodpecker Pipeline failed

This commit is contained in:
Gregory Ballantine 2024-05-21 09:42:12 -04:00
parent 82c2b91090
commit c7e30c9ed1
2 changed files with 18 additions and 2 deletions

View File

@ -53,6 +53,9 @@ input[type="submit"].button-primary{
.nav-bar-left{ .nav-bar-left{
float: left; float: left;
} }
.nav-bar-right{
float: right;
}
ul{ ul{
list-style: none; list-style: none;
@ -60,6 +63,10 @@ input[type="submit"].button-primary{
li{ li{
display: inline-block; display: inline-block;
} }
form, li{
display: inline-block;
}
} }
.site-logo, .site-logo,

View File

@ -18,11 +18,20 @@
<ul> <ul>
<li class="site-logo">Overseer</li> <li class="site-logo">Overseer</li>
<li class="nav-link"><a href="/">Home</a></li> <li class="nav-link"><a href="/">Home</a></li>
<li class="nav-link"><a href="/item/search">Search</a></li>
<li class="nav-link"><a href="/item/add">Add Item</a></li> <li class="nav-link"><a href="/item/add">Add Item</a></li>
<li class="nav-link"><a href="/license/add">Add License</a></li> <li class="nav-link"><a href="/license/add">Add License</a></li>
</ul> </ul>
</div> </div>
<div class="nav-bar-right">
<ul>
<li><form action="/search" method="GET">
<input type="text" name="search" placeholder="enter a search query...">
<button type="submit" name="button"><i class="fa-solid fa-magnifying-glass"></i></button>
</form></li>
</ul>
</div>
</nav> </nav>
{% if flash != null %} {% if flash != null %}
@ -36,4 +45,4 @@
{% block content %}{% endblock %} {% block content %}{% endblock %}
</div> </div>
</body> </body>
</html> </html>