Changes

components/mobile/FloatingActionButton.vue

@@ -0,0 +1,41 @@
+<script setup>
+const props = defineProps({
+  label: {
+    type: String,
+    required: true,
+  },
+  icon: {
+    type: String,
+  },
+  variant: {
+    type: String,
+    default: 'solid'
+  },
+  color: {
+    type: String,
+    default: 'primary'
+  }
+})
+
+const emit = defineEmits(['click'])
+
+</script>
+
+<template>
+  <UButton
+      id="fab"
+      :icon="props.icon"
+      :label="props.label"
+      :variant="props.variant"
+      :color="props.color"
+      @click="emit('click')"
+  />
+</template>
+
+<style scoped>
+#fab {
+  position: fixed;
+  right: 15px;
+  bottom: 10vh;
+}
+</style>