style : add module

Deskripsi:
- add global
- add login
- add varification
- add welcome
- add home

No issue

src/module/_global/fun/WARNA.ts

@@ -0,0 +1,4 @@
+export const WARNA = {
+    bgWhite: "#F4F9FD",
+    biruTua: "#19345E",
+}

src/module/_global/index.ts

@@ -0,0 +1,7 @@
+import { WARNA } from "./fun/WARNA";
+import LayoutLogin from "./layout/layout_login";
+import LayoutNavbarHome from "./layout/layout_navbar_home";
+
+export { WARNA }
+export { LayoutLogin }
+export {LayoutNavbarHome}

src/module/_global/layout/layout_login.tsx

@@ -0,0 +1,21 @@
+import { Image, rem, Stack, Title } from "@mantine/core";
+import React from "react";
+import { WARNA } from "../fun/WARNA";
+
+export default function LayoutLogin({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <>
+      <Stack justify="center" align="center" pt={rem(50)}>
+        <Image w={102} h={103} src={"/assets/img/logo/logo-1.png"} alt="logo" />
+        <Title c={WARNA.biruTua} order={4}>
+          PERBEKAL DARMASABA
+        </Title>
+      </Stack>
+      {children}
+    </>
+  );
+}

src/module/_global/layout/layout_navbar_home.tsx

@@ -0,0 +1,19 @@
+import { Box, Grid, Group } from '@mantine/core';
+import React from 'react';
+import { WARNA } from '../fun/WARNA';
+
+export const LayoutNavbarHome = ({ children }: { children: React.ReactNode }) => {
+  return (
+    <>
+      <Box pt={25} pl={20} pr={20} m={0} pb={25} bg={WARNA.biruTua}
+        style={{
+          borderBottomLeftRadius: 20,
+          borderBottomRightRadius: 20,
+        }}
+      >
+        {children}
+      </Box>
+    </>
+  );
+}
+export default LayoutNavbarHome