Add theme and meta tags

This commit is contained in:
Vitaly Rtishchev 2023-09-14 13:30:23 +04:00
parent 1d51e32e3d
commit a5990dc9ef
2 changed files with 13 additions and 1 deletions

View File

@ -1,6 +1,7 @@
import "@mantine/core/styles.css";
import React from "react";
import { MantineProvider, ColorSchemeScript } from "@mantine/core";
import { theme } from "../theme";
export const metadata = {
title: "Mantine Next.js template",
@ -13,9 +14,13 @@ export default function RootLayout({ children }: { children: any }) {
<head>
<ColorSchemeScript />
<link rel="shortcut icon" href="/favicon.svg" />
<meta
name="viewport"
content="minimum-scale=1, initial-scale=1, width=device-width, user-scalable=no"
/>
</head>
<body>
<MantineProvider>{children}</MantineProvider>
<MantineProvider theme={theme}>{children}</MantineProvider>
</body>
</html>
);

7
theme.ts Normal file
View File

@ -0,0 +1,7 @@
"use client";
import { createTheme } from "@mantine/core";
export const theme = createTheme({
/* Put your mantine theme override here */
});