From 5741783dbea03afd2bd812ce3e3d9c778050e9ab Mon Sep 17 00:00:00 2001 From: Felix Ivo Date: Mon, 23 Jun 2025 13:56:24 +0200 Subject: [PATCH] give nav bar style --- CSS/style.css | 31 ++++++++++++++++++++++++++++++- Views/header.phtml | 14 ++++++++------ 2 files changed, 38 insertions(+), 7 deletions(-) diff --git a/CSS/style.css b/CSS/style.css index 956fbe1..6783bd2 100644 --- a/CSS/style.css +++ b/CSS/style.css @@ -19,10 +19,39 @@ body { } .top-bar h1 { - margin: 0; + margin: 0 30px 0 0; font-size: 1.5em; } +.top-nav { + display: flex; + align-items: center; + justify-content: center; + margin-right: auto; +} + +.top-nav ul { + list-style: none; + margin: 0; + padding: 0; + display: flex; + flex-wrap: wrap; +} + +.top-nav li { + margin-right: 15px; +} + +.top-nav li a { + color: white; + text-decoration: none; + padding: 8px 12px; + border-radius: 4px; + background-color: transparent; + cursor: pointer; + font-size: 0.9em; +} + .user-info { display: flex; align-items: center; diff --git a/Views/header.phtml b/Views/header.phtml index 2987ec5..08c601f 100644 --- a/Views/header.phtml +++ b/Views/header.phtml @@ -11,6 +11,14 @@

Notes App (Admin Panel)"; ?>

+ + +
-
\ No newline at end of file