move viewport meta tag out of `_document.tsx`

8e9f10b4 · tom · 3f68e369 · 8e9f10b4 · 8e9f10b4
Commit 8e9f10b4 authored Jul 18, 2025 by tom
Show whitespace changes
Inline Side-by-side

Showing with 3 additions and 3 deletions

PageMetadata.tsx nextjs/PageMetadata.tsx +3 -0

_document.tsx pages/_document.tsx +0 -3

No files found.
--- a/nextjs/PageMetadata.tsx
+++ b/nextjs/PageMetadata.tsx
@@ -34,6 +34,9 @@ const PageMetadata = <Pathname extends Route['pathname']>(props: Props<Pathname>
      <meta name="twitter:title" content={ opengraph.title }/>
      { opengraph.description && <meta name="twitter:description" content={ opengraph.description }/> }
      <meta property="twitter:image" content={ opengraph.imageUrl }/>
+
+      { /* Prevent auto zoom in inputs on mobile */ }
+      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    </Head>
  );
 };

--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -59,9 +59,6 @@ class MyDocument extends Document {
          <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon-180x180.png"/>
          <link rel="icon" type="image/png" sizes="192x192" href="/assets/favicon/android-chrome-192x192.png"/>
          <link rel="preload" as="image" href={ svgSprite.href }/>
-
-          { /* Prevent auto zoom in inputs on mobile */ }
-          <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
        </Head>
        <body>
          <Main/>