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

Larger clickable area under menu items

parent c0f75c11
<template>
<div id="nav">
<router-link to="/">Forside</router-link>|
<router-link to="/about">Alle kurser</router-link>|
<router-link to="/about">Mail</router-link>|
<router-link to="/about">Kalender</router-link>|
<router-link to="/about">Eksamensportal</router-link>|
<a href="https://dropud.nu">Pretty STADS</a>|
<router-link to="/about">Indstillinger</router-link>
<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>
......@@ -17,12 +17,18 @@
</script>
<style scoped lang="scss">
.link-container {
display: inline-block;
height: 3em;
padding-left: 25px;
padding-right: 25px;
}
#nav {
color: $bg-color;
a {
font-weight: bold;
padding-left: 25px;
padding-right: 25px;
&.router-link-exact-active {
color: $pig-color !important;
......
$text-color: #272b30;
$bg-color: #e7ede8;
$white-bg-color: #fbfbfb;
$pig-color: #f36fab;
$header-color: #35751f;
$pig-color: #FF8FC1;
$header-color: #1E7321;
$default-margin: 40px;
\ No newline at end of file
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