Gorak-Industries/Pagerino_Portainer
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Attempt 2

Browse Source
This commit is contained in:
Olek
2025-09-12 02:13:57 +02:00
parent 3ea7308af0
commit e749ec772e
30 changed files with 143 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
WebApp/src/layouts/components/navbar.tmpl
View File

@@ -1,17 +1,32 @@
{{ define "navbar" }}
<nav class="fixed top-0 w-full bg-[var(--primary-bg)] shadow-md z-50 transition-all duration-300">
<nav class="sticky top-0 w-full bg-[var(--primary-bg)] shadow-md z-50 transition-all duration-300">
<div id="navbar-inner" class="max-w-7xl mx-auto flex items-center justify-between px-4 py-3 md:py-4 transition-all duration-300">
<!-- Logo -->
<a href="/" class="flex items-center transition-all duration-300" id="logo-container">
<img src="/static/logo.png" alt="Logo" class="h-12 md:h-16 transition-all duration-300" id="logo-img"/>
<span class="ml-2 text-[var(--accent)] font-bold text-xl md:text-2xl">MyApp</span>
<a href="/" class="flex items-start transition-all duration-300" id="logo-container">
<img src="/static/GORAKLOGO.png" alt="Logo" class="h-12 md:h-16 transition-all duration-300" id="logo-img"/>
<span class="ml-2 text-[var(--accent)] font-bold text-xl md:text-2xl">Pagerino</span>
</a>
<!-- Nav Links -->
<ul class="hidden md:flex space-x-6 text-[var(--text-primary)] font-medium">
<li><a href="/network" class="hover:text-[var(--accent)] transition-colors">Network</a></li>
<li><a href="/map" class="hover:text-[var(--accent)] transition-colors">Map</a></li>
<li><a href="/analytics" class="hover:text-[var(--accent)] transition-colors">Analytics</a></li>
<ul class="hidden md:flex space-x-10 text-[var(--text-primary)] font-semibold">
<li>
<a href="/network"
class="px-4 py-2 rounded-lg hover:bg-[var(--accent)] hover:text-white transition-colors duration-200">
Network
</a>
</li>
<li>
<a href="/map"
class="px-4 py-2 rounded-lg hover:bg-[var(--accent)] hover:text-white transition-colors duration-200">
Map
</a>
</li>
<li>
<a href="/analytics"
class="px-4 py-2 rounded-lg hover:bg-[var(--accent)] hover:text-white transition-colors duration-200">
Analytics
</a>
</li>
</ul>
<!-- User / Login -->