Add NavPanel to app.
This commit is contained in:
parent
c9e235f889
commit
1ae5223742
2 changed files with 3 additions and 22 deletions
|
@ -1,9 +1,11 @@
|
||||||
import UserPanel from './components/user_panel/user_panel.vue'
|
import UserPanel from './components/user_panel/user_panel.vue'
|
||||||
|
import NavPanel from './components/nav_panel/nav_panel.vue'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'app',
|
name: 'app',
|
||||||
components: {
|
components: {
|
||||||
UserPanel
|
UserPanel,
|
||||||
|
NavPanel
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
user () { return this.$store.state.users.currentUser || {} },
|
user () { return this.$store.state.users.currentUser || {} },
|
||||||
|
|
21
src/App.scss
21
src/App.scss
|
@ -222,27 +222,6 @@ status.ng-enter.ng-enter-active {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav-panel ul {
|
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav-panel li {
|
|
||||||
border-bottom: 1px solid silver;
|
|
||||||
padding: 0.5em;
|
|
||||||
padding-left: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav-panel li:last-child {
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav-panel a {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-el p {
|
.status-el p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-top: 0.2em;
|
margin-top: 0.2em;
|
||||||
|
|
Loading…
Reference in a new issue