niklas.ortmann/webprogrammierung
0
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

nav__mobile-label

Browse Source
This commit is contained in:
NOrtmann1
2026-05-12 19:31:40 +02:00
parent 143b78b45d
commit a43dc50cf1
2 changed files with 18 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/navbar.css
+11
View File
@@ -254,4 +254,15 @@ CSS für die navbar
background: rgba(0, 0, 0, 0.15); /* Etwas dunkler als der Hintergrund */ background: rgba(0, 0, 0, 0.15); /* Etwas dunkler als der Hintergrund */
} }
.nav__mobile-label {
display: flex;
justify-content: space-between;
align-items: center;
color: #fff;
font-size: 1.2rem;
font-weight: 600;
padding: 0.8rem 1rem;
cursor: pointer;
}
} }
includes/navbar.php
+7 -7
View File
@@ -19,7 +19,7 @@ Globales Menü, wird via PHP später in alle Seiten eingebunden
<li><a href="login.php">Anmelden</a></li> <li><a href="login.php">Anmelden</a></li>
<li><a href="register.php">Registrieren</a></li> <li><a href="register.php">Registrieren</a></li>
<li> <li>
<span class="mobile-label">Sprachen</span> <span class="nav__mobile-label">Sprachen</span>
<ul class="nav__mobile-submenu"> <ul class="nav__mobile-submenu">
<li><a href="404.php">Deutsch</a></li> <li><a href="404.php">Deutsch</a></li>
<li><a href="404.php">Englisch</a></li> <li><a href="404.php">Englisch</a></li>
@@ -29,8 +29,8 @@ Globales Menü, wird via PHP später in alle Seiten eingebunden
</ul> </ul>
</li> </li>
<li class="nav__item-mobile"> <li>
<span class="mobile-label">MINT</span> <span class="nav__mobile-label">MINT</span>
<ul class="nav__mobile-submenu"> <ul class="nav__mobile-submenu">
<li><a href="mathe.php">Mathematik</a></li> <li><a href="mathe.php">Mathematik</a></li>
<li><a href="404.php">Biologie</a></li> <li><a href="404.php">Biologie</a></li>
@@ -41,8 +41,8 @@ Globales Menü, wird via PHP später in alle Seiten eingebunden
</ul> </ul>
</li> </li>
<li class="nav__item-mobile"> <li>
<span class="mobile-label">Gesellschaft & Werte</span> <span class="nav__mobile-label">Gesellschaft & Werte</span>
<ul class="nav__mobile-submenu"> <ul class="nav__mobile-submenu">
<li><a href="404.php">Geschichte</a></li> <li><a href="404.php">Geschichte</a></li>
<li><a href="404.php">Erdkunde</a></li> <li><a href="404.php">Erdkunde</a></li>
@@ -58,8 +58,8 @@ Globales Menü, wird via PHP später in alle Seiten eingebunden
</ul> </ul>
</li> </li>
<li class="nav__item-mobile"> <li>
<span class="mobile-label">Technik & Praxis</span> <span class="nav__mobile-label">Technik & Praxis</span>
<ul class="nav__mobile-submenu"> <ul class="nav__mobile-submenu">
<li><a href="404.php">Technik</a></li> <li><a href="404.php">Technik</a></li>
<li><a href="404.php">Werken</a></li> <li><a href="404.php">Werken</a></li>