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