chore: made some changes for Docs

This commit is contained in:
원더 2021-02-03 22:16:23 +09:00
parent 6701a50c55
commit 555d1d17f8

View File

@ -5,21 +5,21 @@ const Docs = ({ header, description, subheader, children }: DocsProps): JSX.Elem
return ( return (
<> <>
<div className='dark:bg-discord-black bg-discord-blurple'> <div className='dark:bg-discord-black bg-discord-blurple'>
<Container className='pb-28 pt-20' ignoreColor> <Container className='pb-10 pt-20' ignoreColor>
<h1 className='mt-10 text-center text-gray-100 text-4xl font-bold sm:text-left'> <h1 className='mt-10 text-center text-gray-100 text-4xl font-bold sm:text-left'>
{header} {header}
</h1> </h1>
<h2 className='mt-5 text-center text-gray-200 text-2xl font-medium sm:text-left'> <h2 className='mt-5 text-center text-gray-200 text-xl font-medium sm:text-left'>
{description} {description}
</h2> </h2>
<h2 className='mt-5 text-center text-gray-200 text-2xl font-medium sm:text-left'> <h2 className='mt-5 text-center text-gray-200 text-xl font-medium sm:text-left'>
{subheader} {subheader}
</h2> </h2>
</Container> </Container>
</div> </div>
<Wave <Wave
color='currentColor' color='currentColor'
className='dark:text-discord-black text-discord-blurple dark:bg-discord-dark bg-white' className='dark:text-discord-black text-discord-blurple dark:bg-discord-dark bg-white hidden md:block'
/> />
<Container> <Container>
<div>{children}</div> <div>{children}</div>
@ -31,7 +31,7 @@ const Docs = ({ header, description, subheader, children }: DocsProps): JSX.Elem
export default Docs export default Docs
interface DocsProps { interface DocsProps {
header: string header: string | JSX.Element
description?: string description?: string
subheader?: string subheader?: string
children: JSX.Element | JSX.Element[] children: JSX.Element | JSX.Element[]