revise image zoom toggle

describo · Jun 14, 2024 · 26caacf · 26caacf
1 parent 8ea993b
commit 26caacf
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/vue-components/Image.vue b/src/vue-components/Image.vue
@@ -14,5 +14,11 @@
 const props = defineProps({
     src: { type: String, required: true },
 });
-const enableZoom = window.innerWidth > "900" ? true : false;
+let enableZoom = true;
+
+// if we're on a touch device and window small - disable zoom
+//   this way we can pinch to zoom
+if ("ontouchstart" in window && window.innerWidth <= 1200) {
+    enableZoom = false;
+}
 </script>