Mercurial > gemma
diff 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 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/client/src/components/Topbar.vue Thu Aug 30 14:39:24 2018 +0200 @@ -0,0 +1,24 @@ +<template> + <div class="topbar shadow-sm d-flex flex-row justify-content-between"> + <div class="align-self-center"> + <i @click="toggleSidebar" class="menubutton fa fa-bars"></i> + </div> + <div class=""> + <h2>Topbar</h2> + </div> + <div> + + </div> + </div> +</template> + +<script> +export default { + name: "topbar", + methods: { + toggleSidebar() { + this.$store.commit("application/toggleSidebar"); + } + } +}; +</script>