Commit ed8859d3 authored by Anders B. Clausen's avatar Anders B. Clausen
Browse files

Active menu items are now underlined

parent 6cde1de4
<template>
<div id="nav">
<router-link to="/"><div class="link-container">Forside</div></router-link>|
<router-link to="/about"><div class="link-container">Alle kurser</div></router-link>|
<router-link to="/about"><div class="link-container">Mail</div></router-link>|
<router-link to="/about"><div class="link-container">Kalender</div></router-link>|
<router-link to="/about"><div class="link-container">Eksamensportal</div></router-link>|
<a href="https://dropud.nu"><div class="link-container">Pretty STADS</div></a>|
<router-link to="/"><div class="link-container">Forside</div></router-link>
<router-link to="/about"><div class="link-container">Alle kurser</div></router-link>
<router-link to="/about"><div class="link-container">Mail</div></router-link>
<router-link to="/about"><div class="link-container">Kalender</div></router-link>
<router-link to="/about"><div class="link-container">Eksamensportal</div></router-link>
<a href="https://dropud.nu"><div class="link-container">Pretty STADS</div></a>
<router-link to="/about"><div class="link-container">Indstillinger</div></router-link>
</div>
</template>
......@@ -26,12 +26,13 @@
}
#nav {
color: $light-theme-color;
color: $lighter-theme-color;
a {
font-weight: bold;
padding-bottom: 10px;
&.router-link-exact-active {
color: $lighter-theme-color !important;
border-bottom: 2px solid
}
&:hover {
......
$darker-theme-color: #031945;
$dark-theme-color: #003B46;
$theme-color: #07575B;
$light-theme-color: #66A5AD;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment