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>