From 4d2de0697a1708ea9932ce2ecbe5b6ec674fda81 Mon Sep 17 00:00:00 2001
From: kimuichan <leerabi577@gmail.com>
Date: Tue, 31 May 2022 22:25:01 +0900
Subject: [PATCH] =?UTF-8?q?=E2=9A=A1=EF=B8=8F=20::=20(#118)=20Default=20Mo?=
 =?UTF-8?q?dal=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/DefaultModal.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/common/DefaultModal.tsx b/src/components/common/DefaultModal.tsx
index b04130e..88ca367 100644
--- a/src/components/common/DefaultModal.tsx
+++ b/src/components/common/DefaultModal.tsx
@@ -5,14 +5,15 @@ import React, { FC } from "react";
 interface Props {
   width?: string;
   height?: string;
+  close: () => void;
 }
 
-const DefaultModal: FC<Props> = ({ width, height, children }) => {
+const DefaultModal: FC<Props> = ({ width, close, height, children }) => {
   return (
     <>
       <DefaultModalBackground>
         <DefaultModalWrapper width={width || ""} height={height || ""}>
-          <CloseBtn>&times;</CloseBtn>
+          <CloseBtn onClick={close}>&times;</CloseBtn>
           <div>{children}</div>
         </DefaultModalWrapper>
       </DefaultModalBackground>
@@ -29,9 +30,10 @@ const DefaultModalBackground = styled.div`
   display: flex;
   justify-content: center;
   align-items: center;
-  position: absolute;
+  position: fixed;
   top: 0;
   left: 0;
+  z-index: 4;
 `;
 
 const fadeIn = keyframes`