From c9dde71aab577b740413b70cd221cce7e23a1f85 Mon Sep 17 00:00:00 2001
From: alex <alex@roese.dev>
Date: Sat, 10 Feb 2024 23:35:54 +0100
Subject: [PATCH] fixed background color

---
 src/Pages/Verification/index.js | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/Pages/Verification/index.js b/src/Pages/Verification/index.js
index 95e239d..29d3909 100644
--- a/src/Pages/Verification/index.js
+++ b/src/Pages/Verification/index.js
@@ -1,6 +1,6 @@
 import { useParams } from "react-router-dom";
 import MyModal from "../../Components/MyModal";
-import { Button, Flex, Result, Spin, notification } from "antd";
+import { Button, ConfigProvider, Flex, Result, Spin, notification } from "antd";
 import { useEffect, useState } from "react";
 import MyAppLogo from "../../Components/MyAppLogo";
 import PageNotFound, { ButtonBackHome } from "../PageNotFound";
@@ -91,14 +91,22 @@ export default function Verification() {
   }, []);
 
   return (
-    <MyModal isOpen={true} footer={null} closable={false}>
-      {notificationContextHolder}
+    <ConfigProvider
+      theme={{
+        token: {
+          colorBgMask: "rgba(0, 0, 0, 0.0)",
+        },
+      }}
+    >
+      <MyModal isOpen={true} footer={null} closable={false}>
+        {notificationContextHolder}
 
-      <Flex justify="center">
-        <MyAppLogo height={100} />
-      </Flex>
+        <Flex justify="center">
+          <MyAppLogo height={100} />
+        </Flex>
 
-      {elementContent}
-    </MyModal>
+        {elementContent}
+      </MyModal>
+    </ConfigProvider>
   );
 }