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 NavPanel from './components/nav_panel/nav_panel.vue'
|
||||
|
||||
export default {
|
||||
name: 'app',
|
||||
components: {
|
||||
UserPanel
|
||||
UserPanel,
|
||||
NavPanel
|
||||
},
|
||||
computed: {
|
||||
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;
|
||||
}
|
||||
|
||||
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 {
|
||||
margin: 0;
|
||||
margin-top: 0.2em;
|
||||
|
|
Loading…
Reference in a new issue