Some Changes

components/mobile/FloatingActionButton.vue

@@ -14,6 +14,10 @@ const props = defineProps({
   color: {
     type: String,
     default: 'primary'
+  },
+  pos: {
+    type: Number,
+    default: 0
   }
 })
 
@@ -29,6 +33,8 @@ const emit = defineEmits(['click'])
       :variant="props.variant"
       :color="props.color"
       @click="emit('click')"
+      :style="`bottom: ${10 + props.pos * 5}vh;`"
+      class="bg-white dark:bg-gray-950"
   />
 </template>
 
@@ -36,6 +42,6 @@ const emit = defineEmits(['click'])
 #fab {
   position: fixed;
   right: 15px;
-  bottom: 10vh;
+  z-index: 5;
 }
 </style>