OpenWF/SpaceNinjaServer
12
6
Fork 14
Code Issues 43 Pull Requests 2 Actions Packages Projects Releases Activity

improve: sidebar

Browse Source
This commit is contained in:
Sainan 2024-05-31 16:50:50 +02:00
parent 146af7b203
commit 2e0943757b
3 changed files with 32 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
static/webui/index.html
View File

@ -45,14 +45,30 @@
></button> ></button>
</div> </div>
<div class="offcanvas-body"> <div class="offcanvas-body">
<ul> <div class="navbar p-0">
<li> <ul class="navbar-nav justify-content-end">
<a href="/webui/inventory" data-bs-dismiss="offcanvas" data-bs-target="#sidebar" <li class="nav-item">
>Inventory</a <a
> class="nav-link"
</li> href="/webui/inventory"
<li><a href="/webui/mods" data-bs-dismiss="offcanvas" data-bs-target="#sidebar">Mods</a></li> data-bs-dismiss="offcanvas"
</ul> data-bs-target="#sidebar"
>
Inventory
</a>
</li>
<li class="nav-item">
<a
class="nav-link"
href="/webui/mods"
data-bs-dismiss="offcanvas"
data-bs-target="#sidebar"
>
Mods
</a>
</li>
</ul>
</div>
</div> </div>
</div> </div>
<div> <div>

6
static/webui/script.js
View File

@ -76,6 +76,12 @@ single.on("route_load", function (event) {
} else { } else {
$("body").removeClass("logged-in"); $("body").removeClass("logged-in");
} }
$(".nav-link").removeClass("active");
const navLink = document.querySelector(".nav-link[href='" + event.route.paths[0] + "']");
if (navLink) {
navLink.classList.add("active");
}
}); });
window.itemListPromise = new Promise(resolve => { window.itemListPromise = new Promise(resolve => {

5
static/webui/style.css
View File

@ -1,14 +1,13 @@
@media (min-width: 992px) { @media (min-width: 992px) {
body.logged-in #main-view { body.logged-in #main-view {
display: grid; display: flex;
grid-template-columns: 1fr 8fr;
gap: 1.5rem;
} }
body.logged-in #sidebar { body.logged-in #sidebar {
position: sticky; position: sticky;
top: 5rem; top: 5rem;
height: 100px; height: 100px;
margin-right: 3rem;
} }
body:not(.logged-in) #sidebar { body:not(.logged-in) #sidebar {