inital commit

2024-06-15 23:01:46 +02:00
parent 1b7fefe381
commit 61653ff407
105 changed files with 7805 additions and 524 deletions
--- a/src/common/components/HeaderComponent.vue
+++ b/src/common/components/HeaderComponent.vue
@@ -0,0 +1,62 @@
+<template>
+  <header>
+    <div class="header-title">
+      <h1>Evangelische Miriamgemeinde Frankfurt am Main</h1>
+      <span class="reload-icon" @click="reloadMenu">&#x27F3;</span>
+    </div>
+    <NavbarComponent />
+  </header>
+</template>
+
+<script>
+import NavbarComponent from './NavbarComponent.vue';
+import { mapActions } from 'vuex';
+
+export default {
+  name: 'HeaderComponent',
+  components: {
+    NavbarComponent
+  },
+  methods: {
+    ...mapActions(['loadMenuData']),
+    reloadMenu() {
+      this.loadMenuData();
+    }
+  }
+};
+</script>
+
+<style scoped>
+header {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  background-color: #e0bfff;
+}
+
+.header-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  padding: 0.3em 0.5em;
+}
+
+header h1 {
+  margin: 0;
+}
+
+.reload-icon {
+  font-size: 16px;
+  cursor: pointer;
+  margin-left: 10px;
+  background-color: #e0bfff;
+  color: white;
+  padding: 5px;
+  border-radius: 50%;
+}
+
+.reload-icon:hover {
+  color: #7a00d1;
+}
+</style>