Fix button css

Real-Dev-Squad · Jan 12, 2025 · 71e6959 · 71e6959
1 parent 6cb306c
commit 71e6959
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/src/components/Modal/index.tsx b/src/components/Modal/index.tsx
@@ -1,6 +1,6 @@
 import React, { ReactNode, useEffect } from 'react';
 import styles from '@/components/Modal/modal.module.scss';
-
+import { RxCross2 } from 'react-icons/rx';
 interface ModalType {
     children?: ReactNode;
     isOpen: boolean;
@@ -20,7 +20,7 @@ export default function Modal(props: ModalType) {
         return () => {
             document.removeEventListener('keydown', handleKeyDown);
         };
-    }, [props]);
+    }, [props.toggle]);
 
     return (
         <>
@@ -39,7 +39,7 @@ export default function Modal(props: ModalType) {
                             className={styles.closeButton}
                             onClick={props.toggle}
                         >
-                            close
+                            <RxCross2 size={20} />
                         </button>
                         {props.children}
                     </div>

diff --git a/src/components/Modal/modal.module.scss b/src/components/Modal/modal.module.scss
@@ -39,10 +39,12 @@
     right: 10px;
     cursor: pointer;
     z-index: 999;
-    padding: 4px 25px;
+    padding: 4px 10px;
     border-radius: 3px;
+    background-color: $theme-primary-light;
+    color: $off-white;
     &:hover {
-        background: #041187;
-        color: white;
+        background-color: $theme-primary;
+        color: $white;
     }
 }