add apple touch and startup headers

This commit is contained in:
Manuel
2022-09-09 21:23:46 +02:00
parent bcdbb0dd37
commit 953c13505b
2 changed files with 9 additions and 0 deletions

BIN
public/favicon-squared.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

View File

@@ -1,3 +1,4 @@
/* eslint-disable react/no-invalid-html-attribute */
import React from 'react'; import React from 'react';
import Head from 'next/head'; import Head from 'next/head';
import { useConfig } from '../../tools/state'; import { useConfig } from '../../tools/state';
@@ -9,6 +10,14 @@ export function HeaderConfig(props: any) {
<Head> <Head>
<title>{config.settings.title || 'Homarr 🦞'}</title> <title>{config.settings.title || 'Homarr 🦞'}</title>
<link rel="shortcut icon" href={config.settings.favicon || '/favicon.svg'} /> <link rel="shortcut icon" href={config.settings.favicon || '/favicon.svg'} />
{/* configure apple splash screen & touch icon */}
<link rel="apple-touch-icon" href={config.settings.favicon || '/favicon-squared.png'} />
<link
rel="apple-touch-startup-image"
href={config.settings.favicon || '/favicon-squared.png'}
/>
<meta name="apple-mobile-web-app-title" content={config.settings.title || 'Homarr'} />
</Head> </Head>
); );
} }