Refactor navbar structure for better responsiveness and clarity
This commit is contained in:
parent
53940f0764
commit
2d061ea0d0
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user