Compare commits

..

No commits in common. "9d3d1b707e90e73ae11ff8c4a372d73a0f0477fb" and "9dab5e2dbcc00f579a4dca6583461a67f1471066" have entirely different histories.

2 changed files with 22 additions and 24 deletions

View File

@ -4549,9 +4549,8 @@ a.list-item {
.navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
.navbar.is-primary .navbar-brand .navbar-link:hover, .navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand .navbar-link.is-active { .navbar.is-primary .navbar-brand .navbar-link.is-active {
background-color: #01295d; background-color: #0046a0;
color: white; color: white; }
border-bottom: 3px solid white; }
.navbar.is-primary .navbar-brand .navbar-link::after { .navbar.is-primary .navbar-brand .navbar-link::after {
border-color: white; } border-color: white; }
.navbar.is-primary .navbar-burger { .navbar.is-primary .navbar-burger {
@ -4569,18 +4568,18 @@ a.list-item {
.navbar.is-primary .navbar-end > a.navbar-item.is-active, .navbar.is-primary .navbar-end > a.navbar-item.is-active,
.navbar.is-primary .navbar-end .navbar-link:hover, .navbar.is-primary .navbar-end .navbar-link:hover,
.navbar.is-primary .navbar-end .navbar-link.is-active { .navbar.is-primary .navbar-end .navbar-link.is-active {
background-color: #e8e8e8; background-color: #0046a0;
color: #0046a0; } color: white; }
.navbar.is-primary .navbar-start .navbar-link::after, .navbar.is-primary .navbar-start .navbar-link::after,
.navbar.is-primary .navbar-end .navbar-link::after { .navbar.is-primary .navbar-end .navbar-link::after {
border-color: white; } border-color: white; }
.navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link { .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #e8e8e8; background-color: #0046a0;
color: #0046a0; } color: white; }
.navbar.is-primary .navbar-dropdown a.navbar-item.is-active { .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
background-color: #e8e8e8; background-color: #0046a0;
color: #0046a0; } } color: white; } }
.navbar.is-link { .navbar.is-link {
background-color: #0046a0; background-color: #0046a0;
color: white; } color: white; }
@ -4590,8 +4589,8 @@ a.list-item {
.navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
.navbar.is-link .navbar-brand .navbar-link:hover, .navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand .navbar-link.is-active { .navbar.is-link .navbar-brand .navbar-link.is-active {
background-color: #e8e8e8; background-color: #0046a0;
color: #0046a0; } color: white; }
.navbar.is-link .navbar-brand .navbar-link::after { .navbar.is-link .navbar-brand .navbar-link::after {
border-color: white; } border-color: white; }
.navbar.is-link .navbar-burger { .navbar.is-link .navbar-burger {
@ -4609,18 +4608,18 @@ a.list-item {
.navbar.is-link .navbar-end > a.navbar-item.is-active, .navbar.is-link .navbar-end > a.navbar-item.is-active,
.navbar.is-link .navbar-end .navbar-link:hover, .navbar.is-link .navbar-end .navbar-link:hover,
.navbar.is-link .navbar-end .navbar-link.is-active { .navbar.is-link .navbar-end .navbar-link.is-active {
background-color: #e8e8e8; background-color: #0046a0;
color: #0046a0; } color: white; }
.navbar.is-link .navbar-start .navbar-link::after, .navbar.is-link .navbar-start .navbar-link::after,
.navbar.is-link .navbar-end .navbar-link::after { .navbar.is-link .navbar-end .navbar-link::after {
border-color: white; } border-color: white; }
.navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link { .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #e8e8e8; background-color: #0046a0;
color: #0046a0; } color: white; }
.navbar.is-link .navbar-dropdown a.navbar-item.is-active { .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
background-color: #e8e8e8; background-color: #0046a0;
color: #0046a0; } } color: white; } }
.navbar.is-info { .navbar.is-info {
background-color: #167df0; background-color: #167df0;
color: #fff; } color: #fff; }

View File

@ -2,24 +2,24 @@ Vue.component('nav-router', {
template: ` template: `
<div> <div>
<nav class="navbar is-fixed-bottom is-expanded is-primary" role="navigation" aria-label="main navigation"> <nav class="navbar is-fixed-bottom is-expanded is-primary" role="navigation" aria-label="main navigation">
<div class="navbar-brand is-expanded is-light"> <div class="navbar-brand is-expanded is-primary">
<router-link to="/home" class="navbar-item is-primary is-expanded has-text-centered"> <router-link to="/home" class="navbar-item is-expanded has-text-centered">
<i class="material-icons">home</i> <i class="material-icons">home</i>
</router-link> </router-link>
<router-link to="/files" class="navbar-item is-primary is-expanded"> <router-link to="/files" class="navbar-item is-expanded">
<i class="material-icons">language</i> <i class="material-icons">language</i>
</router-link> </router-link>
<router-link to="/createMessage" class="navbar-item is-primary is-expanded"> <router-link to="/createMessage" class="navbar-item is-expanded">
<i class="material-icons">add_circle</i> <i class="material-icons">add_circle</i>
</router-link> </router-link>
<router-link to="/bookmark" class="navbar-item is-primary is-expanded"> <router-link to="/bookmark" class="navbar-item is-expanded">
<i class="material-icons">bookmark</i> <i class="material-icons">bookmark</i>
</router-link> </router-link>
<router-link to="/profil" class="navbar-item is-primary is-expanded"> <router-link to="/profil" class="navbar-item is-expanded">
<i class="material-icons">person</i> <i class="material-icons">person</i>
</router-link> </router-link>
</div> </div>
@ -39,5 +39,4 @@ const routes = [
const router = new VueRouter({ const router = new VueRouter({
routes, routes,
linkActiveClass: 'is-active'
}); });