Mercurial > gemma
comparison client/src/components/Topbar.vue @ 542:505656a9947f
refac: layout refactored
Introduced Topbar and Hamburger Menu
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Thu, 30 Aug 2018 14:39:24 +0200 |
parents | |
children | 06907c875077 |
comparison
equal
deleted
inserted
replaced
541:ee86ab038a7e | 542:505656a9947f |
---|---|
1 <template> | |
2 <div class="topbar shadow-sm d-flex flex-row justify-content-between"> | |
3 <div class="align-self-center"> | |
4 <i @click="toggleSidebar" class="menubutton fa fa-bars"></i> | |
5 </div> | |
6 <div class=""> | |
7 <h2>Topbar</h2> | |
8 </div> | |
9 <div> | |
10 | |
11 </div> | |
12 </div> | |
13 </template> | |
14 | |
15 <script> | |
16 export default { | |
17 name: "topbar", | |
18 methods: { | |
19 toggleSidebar() { | |
20 this.$store.commit("application/toggleSidebar"); | |
21 } | |
22 } | |
23 }; | |
24 </script> |