Body view fixes?

2024-10-19 21:20:43 +02:00 · 2024-10-19 21:20:43 +02:00 · f6e1a54e74
commit f6e1a54e74
parent 6e2885cba6
3 changed files with 7 additions and 1 deletions
--- a/index.html
+++ b/index.html
@ -3,7 +3,7 @@
  <head>
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Sylvan Quest - Play</title>
  </head>
  <body>
--- a/src/App.vue
+++ b/src/App.vue
@ -31,4 +31,7 @@ const currentScreen = computed(() => {

 // Disable right click
 addEventListener('contextmenu', (event) => event.preventDefault())
+
+// Disable pinch zoom
+addEventListener('gesturestart', (event) => event.preventDefault())
 </script>
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@ -20,6 +20,9 @@ body {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
+
+  // Disable pinch zoom
+  touch-action: pan-x pan-y;
 }

 h1,