33 lines
660 B
Vue
33 lines
660 B
Vue
<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>
|