Compare commits
No commits in common. "9d3d1b707e90e73ae11ff8c4a372d73a0f0477fb" and "9dab5e2dbcc00f579a4dca6583461a67f1471066" have entirely different histories.
9d3d1b707e
...
9dab5e2dbc
@ -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; }
|
||||||
|
@ -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'
|
|
||||||
});
|
});
|
||||||
|
Loading…
x
Reference in New Issue
Block a user