Added navbar.
This commit is contained in:
parent
0aefc59dce
commit
c05ab535ba
@ -1,10 +1,21 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="app">
|
<div id="app">
|
||||||
|
<!--
|
||||||
<div id="nav">
|
<div id="nav">
|
||||||
<router-link to="/">Home</router-link> |
|
<router-link to="/">Home</router-link> |
|
||||||
<router-link to="/observation">Observation</router-link>
|
<router-link to="/observation">Observation</router-link>
|
||||||
</div>
|
</div>
|
||||||
|
-->
|
||||||
|
<b-navbar id="nav" variant="info">
|
||||||
|
<b-navbar-brand href="#">Training Observations</b-navbar-brand>
|
||||||
|
<b-navbar-nav class="ml-auto">
|
||||||
|
<b-nav-item to="/">New Observation</b-nav-item>
|
||||||
|
</b-navbar-nav>
|
||||||
|
</b-navbar>
|
||||||
|
<br />
|
||||||
|
<transition>
|
||||||
<router-view/>
|
<router-view/>
|
||||||
|
</transition>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -17,12 +28,7 @@
|
|||||||
color: #2c3e50;
|
color: #2c3e50;
|
||||||
}
|
}
|
||||||
#nav {
|
#nav {
|
||||||
padding: 30px;
|
padding: 10px;
|
||||||
}
|
|
||||||
|
|
||||||
#nav a {
|
|
||||||
font-weight: bold;
|
|
||||||
color: #2c3e50;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#nav a.router-link-exact-active {
|
#nav a.router-link-exact-active {
|
||||||
|
Loading…
Reference in New Issue
Block a user