troy-grunt/netwatch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

closes #2

Browse Source
This commit is contained in:
fixclean
2026-02-12 09:34:34 +01:00
parent 365b1a7da4
commit 2c1a8c2a1f
2 changed files with 95 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
app/assets/css/app.css
View File

@@ -1 +1,88 @@
/* Zentrales Stylesheet (Layout, Farben, Komponenten) */ /* Zentrales Stylesheet (Layout, Farben, Komponenten) */
:root {
font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
color: #1f1f1f;
background-color: #f4f5f7;
}
body {
margin: 0;
background-color: #f4f5f7;
}
.app-header {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 18px 32px;
background: linear-gradient(90deg, #0a3d62, #1d6fa5);
color: white;
gap: 20px;
position: sticky;
top: 0;
z-index: 10;
box-shadow: 0 4px 20px rgba(15, 26, 45, 0.25);
}
.app-header__brand {
display: flex;
flex-direction: column;
line-height: 1.1;
}
.app-header__eyebrow {
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 0.2em;
color: rgba(255, 255, 255, 0.65);
}
.app-header__title {
margin: 0;
font-size: 1.8rem;
font-weight: 600;
line-height: 1.2;
}
.main-nav__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 12px;
}
.main-nav__item {
border-radius: 999px;
}
.main-nav__link {
display: block;
padding: 10px 16px;
color: rgba(255, 255, 255, 0.85);
text-decoration: none;
font-weight: 500;
}
.main-nav__item.active .main-nav__link,
.main-nav__link:hover {
background: rgba(255, 255, 255, 0.15);
color: #fff;
}
main {
padding: 24px 32px 48px;
}
@media (max-width: 900px) {
.app-header {
flex-direction: column;
align-items: flex-start;
}
.main-nav__list {
flex-wrap: wrap;
}
}

13
app/templates/header.php
View File

@@ -24,8 +24,11 @@
<!-- TODO: Meta-Tags, Favicon --> <!-- TODO: Meta-Tags, Favicon -->
</head> </head>
<body> <body>
<header> <header class="app-header">
<h1>Netzwerk-Dokumentation</h1> <div class="app-header__brand">
<span class="app-header__eyebrow">Netzwerk</span>
<h1 class="app-header__title">Dokumentation</h1>
</div>
<?php <?php
$currentModule = $_GET['module'] ?? 'dashboard'; $currentModule = $_GET['module'] ?? 'dashboard';
@@ -44,13 +47,13 @@
?> ?>
<nav class="main-nav"> <nav class="main-nav">
<ul> <ul class="main-nav__list">
<?php foreach ($navItems as $navModule => $label): ?> <?php foreach ($navItems as $navModule => $label): ?>
<?php <?php
$active = ($currentModule === $navModule) ? 'active' : ''; $active = ($currentModule === $navModule) ? 'active' : '';
?> ?>
<li class="<?= $active ?>"> <li class="main-nav__item <?= $active ?>">
<a href="?module=<?= $navModule ?>&action=list"> <a href="?module=<?= $navModule ?>&action=list" class="main-nav__link">
<?= $label ?> <?= $label ?>
</a> </a>
</li> </li>