adapted icon sizes
This commit is contained in:
@@ -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; }
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user