Skip to content

Commit 0b0c2ac

Browse files
oliviertassinarioliviertassinari
committed
move the minimum
1 parent 7b21faf commit 0b0c2ac

File tree

10 files changed

+29
-26
lines changed

10 files changed

+29
-26
lines changed

‎docs/pages/_document.js

-5
Original file line numberDiff line numberDiff line change
@@ -35,11 +35,6 @@ export default class MyDocument extends Document {
3535
return (
3636
<html lang={userLanguage}>
3737
<Head>
38-
{/* Use minimum-scale=1 to enable GPU rasterization. */}
39-
<meta
40-
name="viewport"
41-
content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no"
42-
/>
4338
{/*
4439
manifest.json provides metadata used when your web app is added to the
4540
homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/

‎docs/src/modules/components/Head.js

+5
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,11 @@ export default function Head(props) {
1212

1313
return (
1414
<NextHead>
15+
{/* Use minimum-scale=1 to enable GPU rasterization. */}
16+
<meta
17+
name="viewport"
18+
content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no"
19+
/>
1520
<title>{title}</title>
1621
<meta name="description" content={description} />
1722
{/* Twitter */}

‎examples/create-react-app-with-typescript/public/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="utf-8" />
55
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
6+
<meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no" />
77
<meta name="theme-color" content="#000000" />
88
<!--
99
manifest.json provides metadata used when your web app is installed on a

‎examples/create-react-app/public/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="utf-8" />
55
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
6+
<meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no" />
77
<meta name="theme-color" content="#000000" />
88
<!--
99
manifest.json provides metadata used when your web app is installed on a

‎examples/nextjs-with-typescript/pages/_app.tsx

+1-7
Original file line numberDiff line numberDiff line change
@@ -20,17 +20,11 @@ export default class MyApp extends App {
2020
return (
2121
<React.Fragment>
2222
<Head>
23+
<title>My page</title>
2324
<meta
2425
name="viewport"
2526
content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no"
2627
/>
27-
<title>My page</title>
28-
{/* PWA primary color */}
29-
<meta name="theme-color" content={theme.palette.primary.main} />
30-
<link
31-
rel="stylesheet"
32-
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
33-
/>
3428
</Head>
3529
<ThemeProvider theme={theme}>
3630
{/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}

‎examples/nextjs-with-typescript/pages/_document.tsx

+9-1
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,20 @@
11
import React from 'react';
22
import Document, { Head, Main, NextScript } from 'next/document';
33
import { ServerStyleSheets } from '@material-ui/core/styles';
4+
import theme from '../src/theme';
45

56
export default class MyDocument extends Document {
67
render() {
78
return (
89
<html lang="en">
9-
<Head />
10+
<Head>
11+
{/* PWA primary color */}
12+
<meta name="theme-color" content={theme.palette.primary.main} />
13+
<link
14+
rel="stylesheet"
15+
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
16+
/>
17+
</Head>
1018
<body>
1119
<Main />
1220
<NextScript />

‎examples/nextjs/pages/_app.js

+1-7
Original file line numberDiff line numberDiff line change
@@ -20,17 +20,11 @@ export default class MyApp extends App {
2020
return (
2121
<React.Fragment>
2222
<Head>
23+
<title>My page</title>
2324
<meta
2425
name="viewport"
2526
content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no"
2627
/>
27-
<title>My page</title>
28-
{/* PWA primary color */}
29-
<meta name="theme-color" content={theme.palette.primary.main} />
30-
<link
31-
rel="stylesheet"
32-
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
33-
/>
3428
</Head>
3529
<ThemeProvider theme={theme}>
3630
{/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}

‎examples/nextjs/pages/_document.js

+9-1
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,20 @@
11
import React from 'react';
22
import Document, { Head, Main, NextScript } from 'next/document';
33
import { ServerStyleSheets } from '@material-ui/core/styles';
4+
import theme from '../src/theme';
45

56
export default class MyDocument extends Document {
67
render() {
78
return (
89
<html lang="en">
9-
<Head />
10+
<Head>
11+
{/* PWA primary color */}
12+
<meta name="theme-color" content={theme.palette.primary.main} />
13+
<link
14+
rel="stylesheet"
15+
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
16+
/>
17+
</Head>
1018
<body>
1119
<Main />
1220
<NextScript />

‎examples/preact/public/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
66
<meta
77
name="viewport"
8-
content="width=device-width, initial-scale=1, shrink-to-fit=no"
8+
content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no"
99
/>
1010
<meta name="theme-color" content="#000000" />
1111
<!--

‎examples/ssr/server.js

+1-2
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,7 @@ function renderFullPage(html, css) {
1313
<head>
1414
<title>My page</title>
1515
<style id="jss-server-side">${css}</style>
16-
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
17-
<!-- Fonts to support Material Design -->
16+
<meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no" />
1817
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
1918
</head>
2019
<body>

0 commit comments

Comments
 (0)