PrivateCoffee/structables
4
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Optimized navigation layout in header

Browse source 
Streamlined the header's HTML structure by consolidating navigation elements and search form into more efficient class usage, improving maintainability and readability. Removed fixed height for the logo to enhance flexibility in different resolutions. These adjustments make future styling and responsiveness optimizations smoother.
This commit is contained in:
Kumi 2024-01-31 17:36:47 +01:00
parent b730e9c6db
commit c1f4e157a4
Signed by: kumi
GPG key ID: ECBCC9082395383F
1 changed files with 28 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
templates/header.html
View file

@ -1,12 +1,11 @@
<header> <header>
<nav class="navbar navbar-expand-lg navbar-light bg-light"> <nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="/"> <a class="navbar-brand" href="/">
<img src="/static/img/logo.png" alt="Structables" height="75px" /> <img src="/static/img/logo.png" alt="Structables" />
</a> </a>
<div class="container-fluid"> <div class="container-fluid">
<div class="row flex-grow-1"> <div class="navbar-nav-scroll">
<div class="col"> <ul class="nav navbar-nav">
<ul class="nav">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="/projects/">Projects</a> <a class="nav-link" href="/projects/">Projects</a>
</li> </li>
@ -16,27 +15,22 @@
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="/teachers/">Teachers</a> <a class="nav-link" href="/teachers/">Teachers</a>
</li> </li>
</ul>
</div>
<div class="col-auto">
<form class="form-inline" action="/search" method="GET">
<input
class="form-control mr-2"
type="search"
placeholder="Search"
name="q"
aria-label="Search"
/>
<button style="display: none" type="submit">Search</button>
</form>
</div>
<div class="col col-lg-2 text-right">
<ul class="nav">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="/sitemap/">Sitemap</a> <a class="nav-link" href="/sitemap/">Sitemap</a>
</li> </li>
</ul> </ul>
</div> </div>
<div class="navbar-form navbar-right">
<form class="form-inline" action="/search" method="GET">
<input
class="form-control"
type="search"
placeholder="Search"
name="q"
aria-label="Search"
/>
<button class="btn btn-default" type="submit" style="visibility: hidden;">Search</button>
</form>
</div> </div>
</div> </div>
</nav> </nav>