style : add app

2024-07-03 14:28:47 +08:00
parent c4c53547e9
commit b26f184b53
6 changed files with 57 additions and 13 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,12 +1,24 @@
-import '@mantine/core/styles.css';
-
-import { ColorSchemeScript, MantineProvider } from '@mantine/core';
+import "@mantine/core/styles.css";
+import {
+  Box,
+  ColorSchemeScript,
+  Container,
+  MantineProvider,
+  rem,
+} from "@mantine/core";
+import { WARNA } from "@/module/_global";
+import { Lato } from "next/font/google";

 export const metadata = {
-  title: 'My Mantine app',
-  description: 'I have followed setup instructions carefully',
+  title: "SISTEM DESA MANDIRI",
+  description: "I have followed setup instructions carefully",
 };

+const LatoFont = Lato({
+  subsets: ["latin"],
+  weight: ["300", "400", "700", "900"],
+});
+
 export default function RootLayout({
  children,
 }: {
@@ -17,9 +29,15 @@ export default function RootLayout({
      <head>
        <ColorSchemeScript />
      </head>
-      <body>
-        <MantineProvider>{children}</MantineProvider>
+      <body className={`${LatoFont.className}`}>
+        <MantineProvider>
+          <Box bg={'#252A2F'}>
+            <Container h={"100vh"} p={0} size={rem(550)} bg={WARNA.bgWhite}>
+              {children}
+            </Container>
+          </Box>
+        </MantineProvider>
      </body>
    </html>
  );
-}
+}