diff options
author | 2021-09-30 22:48:13 +0200 | |
---|---|---|
committer | 2021-10-01 00:53:11 +0200 | |
commit | 79bdb88a5fc099b5871a83d18eadf9b0448b41d1 (patch) | |
tree | d0a8e48dda7649205e08d17c2fa0de938e27a674 /components/Layout.js | |
parent | cf1fbb69d7cdb67219be187fc38feea5a6325f45 (diff) | |
download | my_apps-79bdb88a5fc099b5871a83d18eadf9b0448b41d1.tar.gz my_apps-79bdb88a5fc099b5871a83d18eadf9b0448b41d1.tar.bz2 my_apps-79bdb88a5fc099b5871a83d18eadf9b0448b41d1.zip |
added favicons & notes route for phone
Diffstat (limited to 'components/Layout.js')
-rw-r--r-- | components/Layout.js | 26 |
1 files changed, 19 insertions, 7 deletions
diff --git a/components/Layout.js b/components/Layout.js index 7caa5a5..8c48dd5 100644 --- a/components/Layout.js +++ b/components/Layout.js @@ -1,4 +1,5 @@ import styles from 'styles/Main.module.scss' +import Head from 'next/head' import React from 'react' import { Header, Popup } from 'components' import useSettings from 'hooks/useSettings' @@ -12,13 +13,24 @@ const Layout = ({ if (!settings || !settings.theme || !settings.language) return null return ( - <section className={styles.layout + ' ' + settings.theme}> - <main> - <div className='container'>{children}</div> - </main> - <Header /> - <Popup /> - </section> + <> + <Head> + <link rel='apple-touch-icon' sizes='180x180' href='/apple-touch-icon.png' /> + <link rel='icon' type='image/png' sizes='32x32' href='/favicon-32x32.png' /> + <link rel='icon' type='image/png' sizes='16x16' href='/favicon-16x16.png' /> + <link rel='manifest' href='/site.webmanifest' /> + <link rel='mask-icon' href='/safari-pinned-tab.svg' color='#5bbad5' /> + <meta name='msapplication-TileColor' content='#da532c' /> + <meta name='theme-color' content='#ffffff' /> + </Head> + <section className={styles.layout + ' ' + settings.theme}> + <main> + <div className='container'>{children}</div> + </main> + <Header /> + <Popup /> + </section> + </> ) } |