10-04-2026

frontend/_src/components/AddEventButton.vue

@@ -0,0 +1,33 @@
+<template>
+  <button class="add-event-btn glass--button" @click="$emit('click')">
+    <q-icon name="add" size="22px" :color="isDark ? 'white' : 'grey-8'" />
+  </button>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+import { useQuasar } from 'quasar'
+
+defineEmits(['click'])
+
+const $q = useQuasar()
+const isDark = computed(() => $q.dark.isActive)
+</script>
+
+<style scoped>
+.add-event-btn {
+  position: fixed;
+  bottom: 16px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+  width: 44px;
+  height: 44px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  padding: 0;
+}
+</style>