feat: grid responsive

This commit is contained in:
Junseo Park 2021-02-27 13:48:37 +09:00
parent d515952105
commit 205bc8150b

View File

@ -7,20 +7,19 @@ import { parseCookie } from '@utils/Tools'
import { Bot, User } from '@types' import { Bot, User } from '@types'
const Application = dynamic(() => import('@components/Application')) const Application = dynamic(() => import('@components/Application'))
const Container = dynamic(() => import('@components/Container')) const DeveloperLayout = dynamic(() => import('@components/DeveloperLayout'))
const SEO = dynamic(() => import('@components/SEO'))
const Applications: NextPage<ApplicationsProps> = ({ user }) => { const Applications: NextPage<ApplicationsProps> = ({ user }) => {
return <Container paddingTop> return <DeveloperLayout enabled='applications'>
<SEO title='개발자' description='한국 디스코드봇 리스트 API를 활용하여 봇에 다양한 기능을 추가해보세요.' />
<h1 className='text-3xl font-bold'> </h1> <h1 className='text-3xl font-bold'> </h1>
<p className='text-gray-400'> API를 .</p> <p className='text-gray-400'> API를 .</p>
<div className='grid grid-cols-8 gap-4 mt-10'> <div className='grid grid-cols-1 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-8 gap-4 mt-2'>
{ {
(user.bots as Bot[]).map(bot => <Application key={bot.id} id={bot.id} name={bot.name} type='bot' />) (user.bots as Bot[]).map(bot => <Application key={bot.id} id={bot.id} name={bot.name} type='bot' />)
} }
</div> </div>
</Container> </DeveloperLayout>
} }
interface ApplicationsProps { interface ApplicationsProps {