PBBFA23CIV/EIANotesApp
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

give nav bar style

Browse Source
This commit is contained in:
Felix Ivo 2025-06-23 13:56:24 +02:00
parent 6cceae17d0
commit 5741783dbe
2 changed files with 38 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
CSS/style.css
View File

@ -19,10 +19,39 @@ body {
} }
.top-bar h1 { .top-bar h1 {
margin: 0; margin: 0 30px 0 0;
font-size: 1.5em; 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 { .user-info {
display: flex; display: flex;
align-items: center; align-items: center;

14
Views/header.phtml
View File

@ -11,6 +11,14 @@
<body> <body>
<header class="top-bar"> <header class="top-bar">
<h1>Notes App <?php if(isset($_SESSION['role']) && $_SESSION['role'] === 'admin') echo "<span style='font-size:0.7em; color:#ffdd57;'>(Admin Panel)</span>"; ?></h1> <h1>Notes App <?php if(isset($_SESSION['role']) && $_SESSION['role'] === 'admin') echo "<span style='font-size:0.7em; color:#ffdd57;'>(Admin Panel)</span>"; ?></h1>
<nav class="top-nav">
<ul>
<li><a href="?controller=Welcome&do=showWelcome">Willkommen</a></li>
<li><a href="?controller=Notes&do=showNotes">Notizen</a></li>
</ul>
</nav>
<?php if (isset($_SESSION['user_id'])): ?> <?php if (isset($_SESSION['user_id'])): ?>
<div class="user-info"> <div class="user-info">
<span>Welcome, <?php echo htmlspecialchars($_SESSION['username'], ENT_QUOTES, 'UTF-8'); ?>!</span> <span>Welcome, <?php echo htmlspecialchars($_SESSION['username'], ENT_QUOTES, 'UTF-8'); ?>!</span>
@ -30,11 +38,5 @@
</div> </div>
<?php endif; ?> <?php endif; ?>
</header> </header>
<nav>
<ul>
<li><a href="?controller=Welcome&do=showWelcome">Willkommen</a></li>
<li><a href="?controller=Notes&do=showNotes">Notizen</a></li>
</ul>
</nav>
<div class="wrapper"> <div class="wrapper">
<main> <main>