nico
b86a3a85c3
- Set defaultColorScheme='light' in root MantineProvider - Change darkModeStore default from system preference to false (light) - Add MantineProvider with light theme to darmasaba/layout.tsx - Remove dark mode dependency from ModuleView component - Prevent system color scheme from affecting initial page load This ensures consistent light mode on first visit for both public pages and admin panel, regardless of OS settings. Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
117 lines
3.0 KiB
TypeScript
117 lines
3.0 KiB
TypeScript
import "@mantine/core/styles.css";
|
|
import "./globals.css";
|
|
|
|
import LoadDataFirstClient from "@/app/darmasaba/_com/LoadDataFirstClient";
|
|
import {
|
|
ColorSchemeScript,
|
|
MantineProvider,
|
|
createTheme,
|
|
mantineHtmlProps,
|
|
} from "@mantine/core";
|
|
import { Metadata, Viewport } from "next";
|
|
import { ViewTransitions } from "next-view-transitions";
|
|
import { ToastContainer } from "react-toastify";
|
|
|
|
// ✅ Pisahkan viewport ke export tersendiri
|
|
export const viewport: Viewport = {
|
|
width: "device-width",
|
|
initialScale: 1,
|
|
maximumScale: 5,
|
|
};
|
|
|
|
|
|
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",
|
|
},
|
|
description: "Website resmi Desa Darmasaba, Kabupaten Badung, Bali. Informasi layanan publik, berita, dan profil desa.",
|
|
// ❌ HAPUS viewport dari sini
|
|
keywords: [
|
|
"desa darmasaba",
|
|
"darmasaba",
|
|
"badung",
|
|
"bali",
|
|
"desa",
|
|
"pemerintah desa",
|
|
"layanan publik",
|
|
"abang batan desa",
|
|
],
|
|
authors: [{ name: "Pemerintah Desa Darmasaba" }],
|
|
creator: "Desa Darmasaba",
|
|
publisher: "Desa Darmasaba",
|
|
robots: {
|
|
index: true,
|
|
follow: true,
|
|
googleBot: {
|
|
index: true,
|
|
follow: true,
|
|
"max-video-preview": -1,
|
|
"max-image-preview": "large",
|
|
"max-snippet": -1,
|
|
},
|
|
},
|
|
icons: {
|
|
icon: "/assets/images/darmasaba-icon.png",
|
|
apple: "/assets/images/darmasaba-icon.png",
|
|
},
|
|
manifest: "/manifest.json",
|
|
openGraph: {
|
|
type: "website",
|
|
locale: "id_ID",
|
|
url: "https://cld-dkr-staging-desa-darmasaba.wibudev.com",
|
|
siteName: "Desa Darmasaba",
|
|
title: "Desa Darmasaba - Kabupaten Badung, Bali",
|
|
description: "Website resmi Desa Darmasaba, Kabupaten Badung, Bali. Informasi layanan publik, berita, dan profil desa.",
|
|
images: [
|
|
{
|
|
url: "/assets/images/darmasaba-icon.png",
|
|
width: 1200,
|
|
height: 630,
|
|
alt: "Desa Darmasaba",
|
|
},
|
|
],
|
|
},
|
|
category: "government",
|
|
other: {
|
|
"msapplication-TileColor": "#ffffff",
|
|
"theme-color": "#ffffff",
|
|
},
|
|
};
|
|
|
|
const theme = createTheme({
|
|
fontFamily: "San Francisco, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif",
|
|
fontFamilyMonospace: "SFMono-Regular, Menlo, Monaco, Consolas, monospace",
|
|
headings: { fontFamily: "San Francisco, sans-serif" },
|
|
});
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<ViewTransitions>
|
|
<html lang="id" {...mantineHtmlProps}>
|
|
<head>
|
|
<meta charSet="utf-8" />
|
|
<ColorSchemeScript defaultColorScheme="light" />
|
|
</head>
|
|
<body>
|
|
<MantineProvider theme={theme} defaultColorScheme="light">
|
|
{children}
|
|
<LoadDataFirstClient />
|
|
<ToastContainer
|
|
position="bottom-center"
|
|
hideProgressBar
|
|
style={{ zIndex: 9999 }}
|
|
/>
|
|
</MantineProvider>
|
|
</body>
|
|
</html>
|
|
</ViewTransitions>
|
|
);
|
|
} |