Move viewport tag to _app

2022-04-05 07:36:21 +09:00
parent df0b073d65
commit 4f1aad895a
2 changed files with 4 additions and 4 deletions
@@ -7,6 +7,7 @@ import NProgress from 'nprogress'
 import { useRouter } from 'next/router'
 import '../styles/nprogress.css'
 import '../styles/nextjs.css'
+import Head from 'next/head'

 function MyApp({ Component, pageProps }: AppProps) {
  const router = useRouter()
@@ -31,6 +32,9 @@ function MyApp({ Component, pageProps }: AppProps) {

  return (
    <ThemeProvider theme={theme}>
+      <Head>
+        <meta name='viewport' content='initial-scale=1.0, width=device-width' />
+      </Head>
      <Component {...pageProps} />
    </ThemeProvider>
  )
@@ -38,10 +38,6 @@ class MyDocument extends Document {
          <link rel='mask-icon' href='/safari-pinned-tab.svg' color='#5bbad5' />
          <meta name='msapplication-TileColor' content='#2b5797' />
          <meta name='theme-color' content='#ffffff'></meta>
-          <meta
-            name='viewport'
-            content='initial-scale=1.0, width=device-width'
-          />

          <meta property='og:type' content='website' />
          <meta