Prevent zooming

Spenhouet · Spenhouet · commit 89a95f57d085 · 2025-05-22T23:03:57.000+02:00
diff --git a/src/app.css b/src/app.css
@@ -44,6 +44,10 @@
   --sidebar-ring: hsl(217.2 91.2% 59.8%);
 
   --radius: 0.5rem;
+
+  /* Prevent zooming */
+  touch-action: pan-x pan-y;
+  height: 100%
 }
 
 .dark {
diff --git a/src/app.html b/src/app.html
@@ -2,7 +2,7 @@
 <html lang="%paraglide.lang%">
   <head>
     <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="description" content="A simple and intuitive kiosk survey application for collecting feedback.">
     <link rel="apple-touch-icon" sizes="180x180" href="%sveltekit.assets%/apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="32x32" href="%sveltekit.assets%/favicon-32x32.png">
