fix Layout

This commit is contained in:
2026-02-25 12:00:41 +08:00
parent ef7763f01c
commit 8c0abd7f08
2 changed files with 32 additions and 35 deletions

View File

@@ -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>
) )
} }

View File

@@ -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