🚸 Improve mobile navigation

Fix #4
likecoin · Aug 17, 2024 · 2759cb0 · 2759cb0
1 parent c3847f7
commit 2759cb0
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/pages/index.vue b/pages/index.vue
@@ -227,4 +227,19 @@ useEventListener("keydown", (event) => {
       break;
   }
 });
+
+useEventListener(renditionEl.value, "click", (event) => {
+  if ('ontouchstart' in window && renditionEl.value) {
+    const width = renditionEl.value.clientWidth;
+    const x = event.clientX % width;
+    const threshold = 0.3;
+    const side = width * threshold;
+
+    if (x < side) {
+      prevPage();
+    } else if (width - x < side) {
+      nextPage();
+    }
+  }
+});
 </script>