Fixes mobile issue with nav bar

This commit is contained in:
2024-08-15 18:47:30 -04:00
parent 0ac8c10e20
commit 496bff53c8
+11 -8
View File
@@ -32,23 +32,27 @@
<body> <body>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark"> <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<a class="navbar-brand" href="#">Dynamic Proxy <%- title %></a> <a class="navbar-brand" href="#">Dynamic Proxy <%- titleIcon %></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent"> <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
<ul class="navbar-nav top-nav"> <ul class="navbar-nav top-nav">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link active" href="/hosts"><i class="fa-solid fa-network-wired"></i> Hosts</a> <a class="nav-link active" href="/hosts">
<i class="fa-solid fa-network-wired"></i>
Hosts
</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="/dns"><i class="fa-solid fa-record-vinyl"></i> DNS</a> <a class="nav-link" href="/dns"><i class="fa-solid fa-record-vinyl"></i>
DNS
</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="/users"><i class="fa-solid fa-users"></i> Users Panel</a> <a class="nav-link" href="/users"><i class="fa-solid fa-users"></i>
</li> Users
<li class="nav-item"> </a>
<a class="nav-link" href="/topics"> Topics</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="https://github.com/theta42/proxy" target="_blank"> <a class="nav-link" href="https://github.com/theta42/proxy" target="_blank">
@@ -71,7 +75,6 @@
</nav> </nav>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function(){ $(document).ready(function(){
// window.location.pathname.toLocaleLowerCase()
// Set the correct link to active in the top nav bar // Set the correct link to active in the top nav bar
$('.top-nav a').each(function(index){ $('.top-nav a').each(function(index){