Update theme usage and meta tags

This commit is contained in:
Vitaly Rtishchev
2023-09-14 13:19:54 +04:00
parent e6b84543cb
commit f8f77da892
2 changed files with 8 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>
); );

View File

@ -1,3 +1,5 @@
'use client';
import { createTheme } from '@mantine/core'; import { createTheme } from '@mantine/core';
export const theme = createTheme({ export const theme = createTheme({