From 2c1a8c2a1f6eaee21198f0aea800c5349912eb7c Mon Sep 17 00:00:00 2001 From: fixclean Date: Thu, 12 Feb 2026 09:34:34 +0100 Subject: [PATCH] closes #2 --- app/assets/css/app.css | 87 ++++++++++++++++++++++++++++++++++++++++ app/templates/header.php | 13 +++--- 2 files changed, 95 insertions(+), 5 deletions(-) diff --git a/app/assets/css/app.css b/app/assets/css/app.css index 65e5204..23fdcb0 100644 --- a/app/assets/css/app.css +++ b/app/assets/css/app.css @@ -1 +1,88 @@ /* 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; + } +} diff --git a/app/templates/header.php b/app/templates/header.php index ec773f8..12e8879 100644 --- a/app/templates/header.php +++ b/app/templates/header.php @@ -24,8 +24,11 @@ -
-

Netzwerk-Dokumentation

+
+
+ Netzwerk +

Dokumentation

+