hopfma/om
4
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Navbar is-active colorchange

Browse Source
This commit is contained in:
Edwina Barbalan
2019-07-09 10:43:05 +02:00
parent 95a0ff3913
commit 6c9cb12480
2 changed files with 24 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/routes/navRoutes.js
+7 -6
View File
@@ -2,24 +2,24 @@ Vue.component('nav-router', {
template: `
<div>
<nav class="navbar is-fixed-bottom is-expanded is-primary" role="navigation" aria-label="main navigation">
<div class="navbar-brand is-expanded is-primary">
<router-link to="/home" class="navbar-item is-expanded has-text-centered">
<div class="navbar-brand is-expanded is-light">
<router-link to="/home" class="navbar-item is-primary is-expanded has-text-centered">
<i class="material-icons">home</i>
</router-link>
<router-link to="/files" class="navbar-item is-expanded">
<router-link to="/files" class="navbar-item is-primary is-expanded">
<i class="material-icons">language</i>
</router-link>
<router-link to="/createMessage" class="navbar-item is-expanded">
<router-link to="/createMessage" class="navbar-item is-primary is-expanded">
<i class="material-icons">add_circle</i>
</router-link>
<router-link to="/bookmark" class="navbar-item is-expanded">
<router-link to="/bookmark" class="navbar-item is-primary is-expanded">
<i class="material-icons">bookmark</i>
</router-link>
<router-link to="/profil" class="navbar-item is-expanded">
<router-link to="/profil" class="navbar-item is-primary is-expanded">
<i class="material-icons">person</i>
</router-link>
</div>
@@ -39,4 +39,5 @@ const routes = [
const router = new VueRouter({
routes,
linkActiveClass: 'is-active'
});