webui: navigation bar improve

This commit is contained in:
Sergey Krashevich
2026-02-03 13:20:09 +03:00
parent 3b33ffe2e2
commit c019924763
2 changed files with 13 additions and 3 deletions
+3 -2
View File
@@ -183,7 +183,8 @@
left: 100%;
}
.nav-link:hover {
.nav-link:hover,
.nav-link.active {
color: var(--accent-cyan);
border-color: var(--accent-cyan);
box-shadow: var(--glow-cyan);
@@ -613,7 +614,7 @@
<nav>
<span class="logo">GO2RTC</span>
<div class="nav-links">
<a href="index.html" class="nav-link">Streams</a>
<a href="index.html" class="nav-link active">Streams</a>
<a href="add.html" class="nav-link">Add Stream</a>
<a href="config.html" class="nav-link">Config</a>
<a href="log.html" class="nav-link">Logs</a>
+10 -1
View File
@@ -182,7 +182,8 @@ if (!document.querySelector('.logo')) {
left: 100%;
}
.nav-link:hover {
.nav-link:hover,
.nav-link.active {
color: var(--accent-cyan);
border-color: var(--accent-cyan);
box-shadow: var(--glow-cyan);
@@ -427,6 +428,14 @@ if (!document.querySelector('.logo')) {
</header>
` + document.body.innerHTML;
// Mark active nav link
const currentPage = location.pathname.split('/').pop() || 'index.html';
document.querySelectorAll('.nav-links .nav-link').forEach(link => {
if (link.getAttribute('href') === currentPage) {
link.classList.add('active');
}
});
// Theme management functions
function initTheme() {
const savedTheme = localStorage.getItem('theme');