♻️ Improved code structure for layout, remove most settings components

2023-08-01 15:23:31 +02:00
parent 6b8d94b6b5
commit 65d0b31a1a
48 changed files with 103 additions and 1575 deletions
--- a/src/components/layout/Meta/CommonHead.tsx
+++ b/src/components/layout/Meta/CommonHead.tsx
@@ -0,0 +1,26 @@
+import { useMantineTheme } from '@mantine/core';
+import Head from 'next/head';
+
+export const CommonHead = () => {
+  const { colorScheme } = useMantineTheme();
+
+  return (
+    <Head>
+      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+      <link rel="shortcut icon" href="/imgs/favicon/favicon.svg" />
+
+      <link rel="manifest" href="/site.webmanifest" />
+
+      {/* configure apple splash screen & touch icon */}
+      <link 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" />
+
+      <meta
+        name="apple-mobile-web-app-status-bar-style"
+        content={colorScheme === 'dark' ? 'white-translucent' : 'black-translucent'}
+      />
+    </Head>
+  );
+};