fix: move viewport meta tag to head in _app.js (vercel#25901)

Fixes one of the items that was mentioned in vercel#25854. It fixes the warning in `with-next-page-transitions` by moving the viewport tag to `_app.js` from `_document.js`
blitz-js · Jun 9, 2021 · 350e74b · 350e74b
1 parent c55fc9a
commit 350e74b
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"