From 8843f8b421060b5fb1ad8d94f0cf99e77c585c1d Mon Sep 17 00:00:00 2001
From: wonderlandpark <wonderbotsupport@naver.com>
Date: Sat, 13 Mar 2021 22:29:29 +0900
Subject: [PATCH] chore: report modal changes

---
 components/Modal.tsx      | 5 ++++-
 pages/bots/[id]/index.tsx | 6 ++++--
 pages/users/[id].tsx      | 6 ++++--
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/components/Modal.tsx b/components/Modal.tsx
index 0660ed5..4726fd8 100644
--- a/components/Modal.tsx
+++ b/components/Modal.tsx
@@ -14,6 +14,9 @@ const Modal = ({ children, isOpen, onClose, closeIcon=false, dark, header, full=
 			}}
 			showCloseIcon={closeIcon}
 			styles={{
+				closeButton: {
+					color: dark ? 'white' : 'black'
+				},
 				modal: {
 					borderRadius: '10px',
 					background: dark ? '#2C2F33' : '#fbfbfb',
@@ -22,7 +25,7 @@ const Modal = ({ children, isOpen, onClose, closeIcon=false, dark, header, full=
 				},
 			}}
 		>
-			<h2 className='text-lg font-extrabold uppercase'>{header}</h2>
+			<h2 className='text-lg font-bold uppercase'>{header}</h2>
 			<div className='relative pt-4'>
 				<div className={dark ? 'dark' : 'light'}>{children}</div>
 			</div>
diff --git a/pages/bots/[id]/index.tsx b/pages/bots/[id]/index.tsx
index 3dca8eb..20e80d1 100644
--- a/pages/bots/[id]/index.tsx
+++ b/pages/bots/[id]/index.tsx
@@ -241,8 +241,10 @@ const Bots: NextPage<BotsProps> = ({ data, date, user, theme, csrfToken, setThem
 																<TextArea name='description' placeholder='최대한 자세하게 설명해주세요!' theme={theme === 'dark' ? 'dark' : 'light'} value={values.description} setValue={(value) => setFieldValue('description', value)} />
 																<div className='mt-1 text-red-500 text-xs font-light'>{errors.description && touched.description ? errors.description : null}</div>
 															</div>
-															<Button className='bg-gray-500 hover:opacity-90 text-white' onClick={()=> setReportModal(false)}>취소</Button>
-															<Button type='submit' className='bg-red-500 hover:opacity-90 text-white'>제출</Button>
+															<div className='text-right'>
+																<Button className='bg-gray-500 hover:opacity-90 text-white' onClick={()=> setReportModal(false)}>취소</Button>
+																<Button type='submit' className='bg-red-500 hover:opacity-90 text-white'>제출</Button>
+															</div>
 														</Form>
 													)
 												}
diff --git a/pages/users/[id].tsx b/pages/users/[id].tsx
index 42d6435..4d630ef 100644
--- a/pages/users/[id].tsx
+++ b/pages/users/[id].tsx
@@ -156,8 +156,10 @@ const Users: NextPage<UserProps> = ({ user, data, csrfToken, theme }) => {
 														<TextArea name='description' placeholder='최대한 자세하게 설명해주세요!' theme={theme === 'dark' ? 'dark' : 'light'} value={values.description} setValue={(value) => setFieldValue('description', value)} />
 														<div className='mt-1 text-red-500 text-xs font-light'>{errors.description && touched.description ? errors.description : null}</div>
 													</div>
-													<Button className='bg-gray-500 hover:opacity-90 text-white' onClick={()=> setReportModal(false)}>취소</Button>
-													<Button type='submit' className='bg-red-500 hover:opacity-90 text-white'>제출</Button>
+													<div className='text-right'>
+														<Button className='bg-gray-500 hover:opacity-90 text-white' onClick={()=> setReportModal(false)}>취소</Button>
+														<Button type='submit' className='bg-red-500 hover:opacity-90 text-white'>제출</Button>
+													</div>
 												</Form>
 											)
 										}