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,30 +1,25 @@
"use client";
import colors from "@/con/colors";
import { MantineProvider, createTheme } from "@mantine/core";
import { Box, Space, Stack } from "@mantine/core";
import { Navbar } from "@/app/darmasaba/_com/Navbar";
import Footer from "./_com/Footer";
const theme = createTheme({});
export default function Layout({ children }: { children: React.ReactNode }) {
return (
<MantineProvider theme={theme} defaultColorScheme="light">
<Stack gap={0} bg={colors.grey[1]}>
<Navbar />
<Space h={{
base: "3.9rem",
md: "2.5rem"
}} />
<Box style={{
overflow: "scroll"
}}>
{children}
</Box>
<Footer />
</Stack>
</MantineProvider>
<Stack gap={0} bg={colors.grey[1]}>
<Navbar />
<Space h={{
base: "3.9rem",
md: "2.5rem"
}} />
<Box style={{
overflow: "scroll"
}}>
{children}
</Box>
<Footer />
</Stack>
)
}

View File

@@ -23,7 +23,7 @@ export const viewport: Viewport = {
export const metadata: Metadata = {
// ✅ Tambahkan metadataBase
metadataBase: new URL("https://cld-dkr-staging-desa-darmasaba.wibudev.com"),
title: {
default: "Desa Darmasaba",
template: "%s | Desa Darmasaba",
@@ -96,22 +96,24 @@ export default function RootLayout({
return (
<ViewTransitions>
<html lang="id" {...mantineHtmlProps}>
<head>
<meta charSet="utf-8" />
<ColorSchemeScript />
</head>
<body>
<MantineProvider theme={theme}>
{children}
<LoadDataFirstClient />
<ToastContainer
position="bottom-center"
hideProgressBar
style={{ zIndex: 9999 }}
/>
</MantineProvider>
</body>
</html>
<head>
<ColorSchemeScript defaultColorScheme="light" />
</head>
<body>
<MantineProvider
theme={theme}
defaultColorScheme="light"
>
{children}
<LoadDataFirstClient />
<ToastContainer
position="bottom-center"
hideProgressBar
style={{ zIndex: 9999 }}
/>
</MantineProvider>
</body>
</html>
</ViewTransitions>
);
}