adapted icon sizes

This commit is contained in:
Felix Pfannkuch (DF3LX)
2026-08-06 00:47:01 +02:00
parent ad7b5743ae
commit 76fe4e5bdd
2 changed files with 30 additions and 7 deletions
+24 -1
View File
@@ -254,10 +254,33 @@ ul.fiftyohm-navbar {
}
.fiftyohm-navbar .material-icons {
width: 32px;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
font-size: 32px;
}
.fiftyohm-navbar .icon-start {
font-size: 30px;
}
.fiftyohm-navbar .icon-lernen {
font-size: 26px;
}
.fiftyohm-navbar .icon-suche {
font-size: 31px;
}
.fiftyohm-navbar .icon-infos {
font-size: 30px;
}
.fiftyohm-navbar .icon-pruefung {
font-size: 31px;
}
.fiftyohm-navbar .icon-simulation {
font-size: 30px;
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
+6 -6
View File
@@ -61,37 +61,37 @@
<ul class="fiftyohm-navbar" id="nav-dropdown">
<li>
<a href="index.html">
<span class="material-icons">home</span>
<span class="material-icons icon-start">home</span>
Start
</a>
</li>
<li>
<a href="index.html#lernen">
<span class="material-icons">local_library</span>
<span class="material-icons icon-lernen">local_library</span>
Lernen
</a>
</li>
<li>
<a href="suche.html">
<span class="material-icons">search</span>
<span class="material-icons icon-suche">search</span>
Suche
</a>
</li>
<li>
<a href="infos.html">
<span class="material-icons">info</span>
<span class="material-icons icon-infos">info</span>
Infos
</a>
</li>
<li>
<a href="pruefung.html">
<span class="material-icons">fact_check</span>
<span class="material-icons icon-pruefung">fact_check</span>
Prüfung
</a>
</li>
<li>
<a href="simulation.html">
<span class="material-icons">quiz</span>
<span class="material-icons icon-simulation">quiz</span>
Simulation
</a>
</li>