fix Layout
This commit is contained in:
@@ -1,17 +1,13 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import colors from "@/con/colors";
|
import colors from "@/con/colors";
|
||||||
import { MantineProvider, createTheme } from "@mantine/core";
|
|
||||||
import { Box, Space, Stack } from "@mantine/core";
|
import { Box, Space, Stack } from "@mantine/core";
|
||||||
|
|
||||||
import { Navbar } from "@/app/darmasaba/_com/Navbar";
|
import { Navbar } from "@/app/darmasaba/_com/Navbar";
|
||||||
import Footer from "./_com/Footer";
|
import Footer from "./_com/Footer";
|
||||||
|
|
||||||
const theme = createTheme({});
|
|
||||||
|
|
||||||
export default function Layout({ children }: { children: React.ReactNode }) {
|
export default function Layout({ children }: { children: React.ReactNode }) {
|
||||||
return (
|
return (
|
||||||
<MantineProvider theme={theme} defaultColorScheme="light">
|
|
||||||
<Stack gap={0} bg={colors.grey[1]}>
|
<Stack gap={0} bg={colors.grey[1]}>
|
||||||
<Navbar />
|
<Navbar />
|
||||||
<Space h={{
|
<Space h={{
|
||||||
@@ -25,6 +21,5 @@ export default function Layout({ children }: { children: React.ReactNode }) {
|
|||||||
</Box>
|
</Box>
|
||||||
<Footer />
|
<Footer />
|
||||||
</Stack>
|
</Stack>
|
||||||
</MantineProvider>
|
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
@@ -97,11 +97,13 @@ export default function RootLayout({
|
|||||||
<ViewTransitions>
|
<ViewTransitions>
|
||||||
<html lang="id" {...mantineHtmlProps}>
|
<html lang="id" {...mantineHtmlProps}>
|
||||||
<head>
|
<head>
|
||||||
<meta charSet="utf-8" />
|
<ColorSchemeScript defaultColorScheme="light" />
|
||||||
<ColorSchemeScript />
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<MantineProvider theme={theme}>
|
<MantineProvider
|
||||||
|
theme={theme}
|
||||||
|
defaultColorScheme="light"
|
||||||
|
>
|
||||||
{children}
|
{children}
|
||||||
<LoadDataFirstClient />
|
<LoadDataFirstClient />
|
||||||
<ToastContainer
|
<ToastContainer
|
||||||
|
|||||||
Reference in New Issue
Block a user