Refactor navbar structure for better responsiveness and clarity

This commit is contained in:
Christian Galo 2025-05-19 00:06:38 -05:00
parent 53940f0764
commit 2d061ea0d0

View File

@ -32,15 +32,29 @@
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto d-lg-none">
<li class="nav-item">
<a class="nav-link" href="/">Dashboard</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ .KeycloakAccountURL }}" target="_blank">Identity and Access</a>
</li>
<li class="nav-item">
<a class="nav-link text-danger" href="/logout">Logout</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="d-flex flex-grow-1">
<!-- Sidebar -->
<div class="bg-light border-end h-100 d-flex flex-column flex-shrink-0">
<div class="d-flex flex-column flex-lg-row flex-grow-1">
<!-- Sidebar - only visible on lg screens and up -->
<div class="bg-light d-none d-lg-flex flex-column flex-shrink-0 h-lg-100 border-end">
<ul class="nav flex-column p-3">
<li class="nav-item"><a class="nav-link active" href="/"><strong>Dashboard</strong></a></li>
<li class="nav-item"><a class="nav-link" href="{{ .KeycloakAccountURL }}" target="_blank">Identity and Access</a></li>
<li class="nav-item"><a class="nav-link" href="{{ .KeycloakAccountURL }}" target="_blank">Identity and Access</a>
</li>
<li class="nav-item"><a class="nav-link text-danger" href="/logout">Logout</a></li>
</ul>
</div>