chore: Close Button always visible for Modal Header

ApeSwapFinance · Nov 23, 2022 · 71e1887 · 71e1887
1 parent 07a2a47
commit 71e1887
Showing 1 changed file with 15 additions and 5 deletions.
diff --git a/src/widgets/Modal/ModalHeader.tsx b/src/widgets/Modal/ModalHeader.tsx
@@ -8,11 +8,21 @@ import { Divider } from "../../components/Divider";
 const ModalHeader: React.FC<InternalProps> = ({ children, onDismiss, ...props }) => {
   return (
     <>
-      <Flex {...props} sx={style.modalHead}>
-        {children}
-        <IconButton icon="close" color="text" variant="transparent" onClick={onDismiss} />
-      </Flex>
-      <Divider />
+      {children && (
+        <>
+          <Flex {...props} sx={style.modalHead}>
+            {children}
+          </Flex>
+          <Divider />
+        </>
+      )}
+      <IconButton
+        icon="close"
+        color="text"
+        variant="transparent"
+        onClick={onDismiss}
+        sx={{ position: "absolute", right: "20px", top: "25px" }}
+      />
     </>
   );
 };