42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
import "@mantine/core/styles.css"
|
|
import "@mantine/dates/styles.css"
|
|
import "@mantine/notifications/styles.css"
|
|
import '@mantine/dropzone/styles.css';
|
|
|
|
import React from "react"
|
|
import {
|
|
ColorSchemeScript,
|
|
mantineHtmlProps,
|
|
MantineProvider,
|
|
} from "@mantine/core"
|
|
import { theme } from "./theme"
|
|
import "./globals.css"
|
|
import { Notifications } from "@mantine/notifications"
|
|
import { ModalsProvider } from "@mantine/modals"
|
|
|
|
export const metadata = {
|
|
title: "Mantine Next.js template",
|
|
description: "I am using Mantine with Next.js!",
|
|
}
|
|
|
|
export default function RootLayout({ children }: { children: any }) {
|
|
return (
|
|
<html lang="en" {...mantineHtmlProps}>
|
|
<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 theme={theme}>
|
|
<Notifications />
|
|
<ModalsProvider>{children}</ModalsProvider>
|
|
</MantineProvider>
|
|
</body>
|
|
</html>
|
|
)
|
|
}
|