OpenWF/SpaceNinjaServer
12
6
Fork 14
Code Issues 47 Pull Requests 5 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>
</div>
<div class="offcanvas-body">
<ul>
<li>
<a href="/webui/inventory" data-bs-dismiss="offcanvas" data-bs-target="#sidebar"
>Inventory</a
>
</li>
<li><a href="/webui/mods" data-bs-dismiss="offcanvas" data-bs-target="#sidebar">Mods</a></li>
</ul>
<div class="navbar p-0">
<ul class="navbar-nav justify-content-end">
<li class="nav-item">
<a
class="nav-link"
href="/webui/inventory"
data-bs-dismiss="offcanvas"
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>

6
static/webui/script.js
View File

@ -76,6 +76,12 @@ single.on("route_load", function (event) {
} else {
$("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 => {

5
static/webui/style.css
View File

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