Tambahan25Feb

src/app_modules/admin/donasi/component/tampilan_detail_donasi.tsx

@@ -16,6 +16,7 @@ import {
 import { Admin_ComponentLoadImageLandscape } from "../../_admin_global";
 import ComponentAdminGlobal_TampilanRupiahDonasi from "../../_admin_global/tampilan_rupiah";
 import { ComponentGlobal_TampilanRupiah } from "@/app_modules/_global/component";
+import { AdminColor } from "@/app_modules/_global/color/color_pallet";
 
 export default function ComponentAdminDonasi_TampilanDetailDonasi({
   donasi,
@@ -24,33 +25,33 @@ export default function ComponentAdminDonasi_TampilanDetailDonasi({
 }) {
   return (
     <>
-      <Paper radius={"md"} p={"md"} withBorder>
+      <Paper radius={"md"} p={"md"} bg={AdminColor.softBlue}>
         <Stack>
-          <Title order={5}>Detail Data Donasi</Title>
+          <Title c={AdminColor.white} order={5}>Detail Data Donasi</Title>
           <Stack>
             <Box>
               <Admin_ComponentLoadImageLandscape fileId={donasi.imageId} />
             </Box>
 
             <Stack spacing={0}>
-              <Title order={4}>{donasi.title}</Title>
-              <Text fz={"xs"}>
+              <Title c={AdminColor.white} order={4}>{donasi.title}</Title>
+              <Text c={AdminColor.white} fz={"xs"}>
                 Durasi: {donasi.DonasiMaster_Durasi.name} hari
               </Text>
             </Stack>
 
             <Stack spacing={0}>
               <Group>
-                <Text fz={12}>Dana dibutuhkan</Text>
+                <Text fz={12} c={AdminColor.white}>Dana dibutuhkan</Text>
                 <Title order={4} c="blue">
                   <ComponentGlobal_TampilanRupiah
-                    color="black"
+                    color={AdminColor.yellow}
                     nominal={+donasi.target}
                   />
                 </Title>
               </Group>
               <Group>
-                <Text fz={12}>Kategori</Text>
+                <Text c={AdminColor.white} fz={12}>Kategori</Text>
                 <Title order={4} c="blue">
                   {donasi.DonasiMaster_Ketegori.name}
                 </Title>