fix: card building weird

This commit is contained in:
wonderlandpark 2021-05-08 22:30:06 +09:00
parent 6079ac1b20
commit 63f662bc60

View File

@ -65,6 +65,7 @@ const BotCard = ({ manage = false, bot }: BotProps): JSX.Element => {
<p className='mb-10 px-4 h-6 text-left text-gray-400 text-sm font-medium'> <p className='mb-10 px-4 h-6 text-left text-gray-400 text-sm font-medium'>
{bot.intro} {bot.intro}
</p> </p>
<div>
<div className='category flex flex-wrap px-2'> <div className='category flex flex-wrap px-2'>
{bot.category.slice(0, 3).map(el => ( {bot.category.slice(0, 3).map(el => (
<Tag key={el} text={el} href={`/categories/${el}`} dark /> <Tag key={el} text={el} href={`/categories/${el}`} dark />
@ -72,11 +73,10 @@ const BotCard = ({ manage = false, bot }: BotProps): JSX.Element => {
{bot.category.length > 3 && <Tag text={`+${bot.category.length - 3}`} dark />} {bot.category.length > 3 && <Tag text={`+${bot.category.length - 3}`} dark />}
</div> </div>
</div> </div>
</div>
</Link> </Link>
<Divider /> <Divider />
<div> <div className='w-full'>
<div className='flex justify-evenly'> <div className='flex justify-evenly'>
<Link href={makeBotURL(bot)}> <Link href={makeBotURL(bot)}>
<a className='py-3 w-full text-center text-koreanbots-blue hover:text-white text-sm font-bold hover:bg-koreanbots-blue rounded-bl-2xl hover:shadow-lg transition duration-100 ease-in'> <a className='py-3 w-full text-center text-koreanbots-blue hover:text-white text-sm font-bold hover:bg-koreanbots-blue rounded-bl-2xl hover:shadow-lg transition duration-100 ease-in'>