#style:

Deskripsi :
- Perbaikan UI Donasi
## NO Issue

src/app_modules/donasi/proses_donasi/masukan_donasi/index.tsx

@@ -1,17 +1,19 @@
 "use client";
 
 import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
+import {
+  AccentColor,
+  MainColor,
+} from "@/app_modules/_global/color/color_pallet";
 import {
   Box,
   Button,
-  Grid,
   Group,
-  NumberInput,
   Paper,
   Stack,
   Text,
   TextInput,
-  Title,
+  Title
 } from "@mantine/core";
 import {
   IconChevronRight,
@@ -20,10 +22,10 @@ import {
   IconMoodSmileDizzy,
   IconMoodXd,
 } from "@tabler/icons-react";
+import { useAtom } from "jotai";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
 import { NotifPeringatan } from "../../component/notifikasi/notif_peringatan";
-import { useAtom } from "jotai";
 import { gs_proses_donasi } from "../../global_state";
 
 const listNominal = [
@@ -75,12 +77,16 @@ export default function MasukanDonasi({ donasiId }: { donasiId: string }) {
           {listNominal.map((e) => (
             <Paper
               key={e.id}
-              withBorder
-              radius={"md"}
-              p={"sm"}
-              shadow="lg"
-              mb={"md"}
               onClick={() => onProses(e.jumlah)}
+              style={{
+                backgroundColor: AccentColor.blue,
+                border: `2px solid ${AccentColor.darkblue}`,
+                padding: "15px",
+                cursor: "pointer",
+                borderRadius: "10px",
+                color: "white",
+                marginBottom: "15px",
+              }}
             >
               <Group position="apart">
                 <Group>
@@ -97,7 +103,17 @@ export default function MasukanDonasi({ donasiId }: { donasiId: string }) {
             </Paper>
           ))}
         </Box>
-        <Paper p={"sm"} withBorder shadow="lg">
+
+        <Paper
+          style={{
+            backgroundColor: AccentColor.blue,
+            border: `2px solid ${AccentColor.darkblue}`,
+            padding: "15px",
+            cursor: "pointer",
+            borderRadius: "10px",
+            color: "white",
+          }}
+        >
           <Stack>
             <Text>Nominal Lainnya</Text>
             <TextInput
@@ -133,6 +149,9 @@ export default function MasukanDonasi({ donasiId }: { donasiId: string }) {
           disabled={value === 0 || value < 10000}
           radius={"xl"}
           onClick={() => onProses(value)}
+          bg={MainColor.yellow}
+          color="yellow"
+          c={"black"}
         >
           Lanjutan Pembayaran
         </Button>

src/app_modules/donasi/proses_donasi/masukan_donasi/layout.tsx

@@ -1,9 +1,8 @@
 "use client";
 
-import { AppShell } from "@mantine/core";
+import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
+import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
 import React from "react";
-import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
-import AppComponentGlobal_LayoutTamplate from "@/app_modules/_global/component_layout_tamplate";
 
 export default function LayoutMasukanDonasi({
   children,
@@ -12,11 +11,13 @@ export default function LayoutMasukanDonasi({
 }) {
   return (
     <>
-      <AppComponentGlobal_LayoutTamplate
-        header={<ComponentDonasi_HeaderTamplate title="Masukan Nominal Donasi" />}
+      <UIGlobal_LayoutTamplate
+        header={
+          <UIGlobal_LayoutHeaderTamplate title="Masukan Nominal Donasi" />
+        }
       >
         {children}
-      </AppComponentGlobal_LayoutTamplate>
+      </UIGlobal_LayoutTamplate>
     </>
   );
 }