fix: google map

jsdelivr · Aug 26, 2024 · 1e90829 · 1e90829
1 parent 8ff1375
commit 1e90829
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/components/BigIcon.vue b/components/BigIcon.vue
@@ -1,7 +1,7 @@
 <template>
 	<div :class="{'flex size-10 items-center justify-center rounded-full border bg-surface-0 dark:bg-dark-900': border}" class="relative">
 		<nuxt-icon class="text-base text-primary" :class="{'text-xl': border}" :name="name" :filled="filled"/>
-		<StatusIcon :status="props.status" class="absolute right-[-3px] top-0"/>
+		<StatusIcon :status="props.status" class="absolute right-[-3px] top-0" border/>
 	</div>
 </template>
 

diff --git a/components/StatusIcon.vue b/components/StatusIcon.vue
@@ -1,5 +1,5 @@
 <template>
-	<i v-if="statusColor" v-tooltip.top="capitalize(props.status.replaceAll('-', ' '))" class="pi pi-circle-fill rounded-full border-2 border-surface-0 text-2xs dark:border-dark-900" :class="statusColor"/>
+	<i v-if="statusColor" v-tooltip.top="capitalize(props.status.replaceAll('-', ' '))" class="pi pi-circle-fill rounded-full text-2xs" :class="[statusColor, {'border-2 border-surface-0 dark:border-dark-900': props.border}]"/>
 </template>
 
 <script setup lang="ts">
@@ -10,6 +10,7 @@
 			type: String,
 			default: '',
 		},
+		border: Boolean,
 	});
 
 	const statusColor = computed(() => {

diff --git a/utils/init-google-map.ts b/utils/init-google-map.ts
@@ -53,6 +53,7 @@ export const initGoogleMap = async (probe: Probe) => {
 		fullscreenControl: false,
 		minZoom: MAP_MIN_ZOOM,
 		maxZoom: MAP_MAX_ZOOM,
+		gestureHandling: 'cooperative',
 	});
 
 	createMapMarker(probe);