fix: move viewport meta tag to head in _app.js

vercel · Jun 8, 2021 · 5d34997 · 5d34997
1 parent c8680a3
commit 5d34997
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/examples/with-next-page-transitions/pages/_app.js b/examples/with-next-page-transitions/pages/_app.js
@@ -1,3 +1,4 @@
+import Head from 'next/head'
 import { PageTransition } from 'next-page-transitions'
 
 import Loader from '../components/Loader'
@@ -7,6 +8,9 @@ const TIMEOUT = 400
 function MyApp({ Component, pageProps }) {
   return (
     <>
+      <Head>
+        <meta name="viewport" content="initial-scale=1.0, width=device-width" />
+      </Head>
       <PageTransition
         timeout={TIMEOUT}
         classNames="page-transition"

diff --git a/examples/with-next-page-transitions/pages/_document.js b/examples/with-next-page-transitions/pages/_document.js
@@ -10,10 +10,6 @@ export default class MyDocument extends Document {
     return (
       <Html lang="en">
         <Head>
-          <meta
-            name="viewport"
-            content="initial-scale=1.0, width=device-width"
-          />
           <link
             rel="stylesheet"
             href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css"