amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-22 20:01:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

WebApp manifest added to allow users "Add to Homescreen" documentations (#2377)

Browse Source 
* manifest config added and src/images/react_logo.png added for icon

* inverted commas fix as per linter

* added legacy:true option for ios

* legacy:true lint fix

* added meta tags for ios and moved logo from src to static
This commit is contained in:
Saurabh Daware
2019-10-09 21:35:28 +05:30
committed by Brian Vaughn
parent 0a7beebf2b
commit 0726327dbb
4 changed files with 18 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
gatsby-config.js
View File

@@ -159,5 +159,18 @@ module.exports = {
},
'gatsby-plugin-react-helmet',
'gatsby-plugin-catch-links',
{
resolve: `gatsby-plugin-manifest`,
options: {
name: 'React Docs',
short_name: 'React',
start_url: '/',
background_color: '#20232a',
theme_color: '#20232a',
display: 'standalone',
icon: 'static/logo-512x512.png',
legacy: true,
},
},
],
};

5
src/html.js
View File

@@ -19,6 +19,11 @@ export default class HTML extends React.Component {
content="width=device-width, initial-scale=1.0"
/>
<link rel="icon" href="/favicon.ico" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="apple-touch-icon" href="/logo-180x180.png" />
<meta name="apple-mobile-web-app-title" content="React" />
{this.props.headComponents}
</head>
<body {...this.props.bodyAttributes}>

BIN
static/logo-180x180.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.4 KiB

BIN
static/logo-512x512.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 41 KiB