Refactor favicon links in Meta components

This commit is contained in:
ajnart
2024-05-15 22:07:27 +02:00
parent 051f439434
commit 5043b9cd30
2 changed files with 4 additions and 4 deletions

View File

@@ -14,13 +14,13 @@ export const BoardHeadOverride = () => {
return (
<Head>
<title>{title}</title>
<meta key="favicon" name="apple-mobile-web-app-title" content={title} />
<meta name="apple-mobile-web-app-title" content={title} />
{faviconUrl && faviconUrl.length > 0 && (
<>
<link rel="shortcut icon" href={faviconUrl} />
<link key="favicon" rel="shortcut icon" href={faviconUrl} />
<link rel="apple-touch-icon" href={faviconUrl} />
<link key="favicon-apple" rel="apple-touch-icon" href={faviconUrl} />
</>
)}
</Head>

View File

@@ -12,7 +12,7 @@ export const CommonHead = () => {
<link crossOrigin="use-credentials" rel="manifest" href="/site.webmanifest" />
{/* configure apple splash screen & touch icon */}
<link rel="apple-touch-icon" href="/imgs/favicon/favicon.svg" />
<link key="favicon-apple" rel="apple-touch-icon" href="/imgs/favicon/favicon.svg" />
<meta name="apple-mobile-web-app-title" content="Homarr" />
<meta name="apple-mobile-web-app-capable" content="yes" />