chore: developers application responsive

This commit is contained in:
wonderlandpark 2021-03-21 22:22:05 +09:00
parent f96b42665b
commit 974d153c58

View File

@ -15,6 +15,7 @@ import { ParsedUrlQuery } from 'querystring'
import { Bot, BotSpec, ResponseProps, Theme } from '@types' import { Bot, BotSpec, ResponseProps, Theme } from '@types'
import NotFound from 'pages/404' import NotFound from 'pages/404'
import Link from 'next/link'
const Button = dynamic(() => import('@components/Button')) const Button = dynamic(() => import('@components/Button'))
const Input = dynamic(() => import('@components/Form/Input')) const Input = dynamic(() => import('@components/Form/Input'))
@ -56,13 +57,18 @@ const BotApplication: NextPage<BotApplicationProps> = ({ user, spec, bot, theme,
} }
if(!bot || !spec) return <NotFound /> if(!bot || !spec) return <NotFound />
return <DeveloperLayout enabled='applications'> return <DeveloperLayout enabled='applications'>
<Link href='/developers/applications'>
<a className='text-blue-500 hover:text-blue-400'>
<i className='fas fa-arrow-left' />
</a>
</Link>
<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='lg:flex pt-6'> <div className='lg:flex pt-6'>
<div className='w-1/5'> <div className='lg:w-1/5'>
<DiscordAvatar userID={bot.id} /> <DiscordAvatar userID={bot.id} />
</div> </div>
<div className='w-4/5 relative'> <div className='lg:w-4/5 relative'>
{ {
!data ? '' : data.code === 200 ? !data ? '' : data.code === 200 ?
<Message type='success'> <Message type='success'>
@ -77,8 +83,8 @@ const BotApplication: NextPage<BotApplicationProps> = ({ user, spec, bot, theme,
</ul> </ul>
</Message> </Message>
} }
<div className='grid text-left px-6'>
<h2 className='text-3xl font-bold mb-2 mt-3'>{bot.name}#{bot.tag}</h2> <h2 className='text-3xl font-bold mb-2 mt-3'>{bot.name}#{bot.tag}</h2>
<div className='grid text-left'>
<h3 className='text-lg font-semibold'> </h3> <h3 className='text-lg font-semibold'> </h3>
<pre className='text-sm overflow-x-scroll w-full'>{showToken ? spec.token : '******************'}</pre> <pre className='text-sm overflow-x-scroll w-full'>{showToken ? spec.token : '******************'}</pre>
<div className='pt-3 pb-6'> <div className='pt-3 pb-6'>