From dac59ec527abdcfbc5f959128d6af59ffee8cf3b Mon Sep 17 00:00:00 2001
From: wonderlandpark <wonderbotsupport@naver.com>
Date: Thu, 4 Mar 2021 20:27:33 +0900
Subject: [PATCH] chore: improved modal

---
 components/Modal.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/Modal.tsx b/components/Modal.tsx
index 550f13c..36557b7 100644
--- a/components/Modal.tsx
+++ b/components/Modal.tsx
@@ -2,7 +2,7 @@ import { ReactNode } from 'react'
 import { Modal as ReactModal } from 'react-responsive-modal'
 import 'react-responsive-modal/styles.css'
 
-const Modal = ({ children, isOpen, onClose, dark, header }: ModalProps): JSX.Element => {
+const Modal = ({ children, isOpen, onClose, dark, header, full=false }: ModalProps): JSX.Element => {
 	return (
 		<ReactModal
 			open={isOpen}
@@ -18,12 +18,13 @@ const Modal = ({ children, isOpen, onClose, dark, header }: ModalProps): JSX.Ele
 					borderRadius: '10px',
 					background: dark ? '#2C2F33' : '#fbfbfb',
 					color: dark ? 'white' : 'black',
+					width: full ? '100%' : 'inherit'
 				},
 			}}
 		>
 			<h2 className='text-lg font-black uppercase'>{header}</h2>
 			<div className='relative pt-4'>
-				<div>{children}</div>
+				<div className={dark ? 'dark' : 'light'}>{children}</div>
 			</div>
 		</ReactModal>
 	)
@@ -33,6 +34,7 @@ interface ModalProps {
 	dark: boolean
 	isOpen: boolean
 	header?: string
+	full?: boolean
 	children: ReactNode
 	onClose(): void
 }