prevent ios autozoom

ppy-sb · Mar 7, 2024 · 843b74a · 843b74a
1 parent 98b109c
commit 843b74a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -64,6 +64,8 @@ export default defineNuxtConfig({
       mode: 'out-in', // default
     },
     head: {
+      charset: 'utf-8',
+      viewport: 'width=device-width, initial-scale=1, maximum-scale=1',
       meta: [
         { name: 'apple-mobile-web-app-status-bar-style', content: 'black-translucent' },
       ],

diff --git a/src/app.vue b/src/app.vue
@@ -16,15 +16,21 @@ const { status } = useZoomModal()
       class="drawer-content zoom-modal-container overflow-x-clip"
       :data-l1-status="status"
       data-l2-status="hidden"
-      :style="status !== 'closed' && {
-        'transform-origin': `center calc(${scrollY} * 1px + 50dvh)`,
-      }"
+      :style="
+        status !== 'closed' && {
+          'transform-origin': `center calc(${scrollY} * 1px + 50dvh)`,
+        }
+      "
     >
       <NuxtPage />
     </NuxtLayout>
     <app-footer class="mt-auto" />
     <div class="drawer-side z-40">
-      <label for="app-drawer-toggle" aria-label="Close sidebar" class="drawer-overlay" />
+      <label
+        for="app-drawer-toggle"
+        aria-label="Close sidebar"
+        class="drawer-overlay"
+      />
       <ul class="menu p-4 w-80 min-h-full bg-base-200">
         <app-nav-items>
           <template #start>