wonderlandpark/core
2
1
Fork 0
mirror of https://github.com/koreanbots/core.git synced 2025-12-16 14:30:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: report modal changes

Browse Source
This commit is contained in:
wonderlandpark 2021-03-13 22:29:29 +09:00
parent dedffbbcc6
commit 8843f8b421
3 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/Modal.tsx
View File

@ -14,6 +14,9 @@ const Modal = ({ children, isOpen, onClose, closeIcon=false, dark, header, full=
}} }}
showCloseIcon={closeIcon} showCloseIcon={closeIcon}
styles={{ styles={{
closeButton: {
color: dark ? 'white' : 'black'
},
modal: { modal: {
borderRadius: '10px', borderRadius: '10px',
background: dark ? '#2C2F33' : '#fbfbfb', 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='relative pt-4'>
<div className={dark ? 'dark' : 'light'}>{children}</div> <div className={dark ? 'dark' : 'light'}>{children}</div>
</div> </div>

6
pages/bots/[id]/index.tsx
View File

@ -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)} /> <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 className='mt-1 text-red-500 text-xs font-light'>{errors.description && touched.description ? errors.description : null}</div>
</div> </div>
<Button className='bg-gray-500 hover:opacity-90 text-white' onClick={()=> setReportModal(false)}>취소</Button> <div className='text-right'>
<Button type='submit' className='bg-red-500 hover:opacity-90 text-white'>제출</Button> <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> </Form>
) )
} }

6
pages/users/[id].tsx
View File

@ -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)} /> <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 className='mt-1 text-red-500 text-xs font-light'>{errors.description && touched.description ? errors.description : null}</div>
</div> </div>
<Button className='bg-gray-500 hover:opacity-90 text-white' onClick={()=> setReportModal(false)}>취소</Button> <div className='text-right'>
<Button type='submit' className='bg-red-500 hover:opacity-90 text-white'>제출</Button> <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> </Form>
) )
} }