add viewport (next 14)

sadmann7 · Oct 31, 2023 · 77bcc77 · 77bcc77
1 parent 658f166
commit 77bcc77
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,4 +1,4 @@
-import type { Metadata } from "next"
+import type { Metadata, Viewport } from "next"
 import { env } from "@/env.mjs"
 import { ClerkProvider } from "@clerk/nextjs"
 
@@ -57,6 +57,14 @@ export const metadata: Metadata = {
   },
 }
 
+export const viewport: Viewport = {
+  colorScheme: 'dark light',
+  themeColor: [
+    { media: '(prefers-color-scheme: light)', color: 'white' },
+    { media: '(prefers-color-scheme: dark)', color: 'black' },
+  ],
+}
+
 export default function RootLayout({ children }: React.PropsWithChildren) {
   return (
     <>