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

fix: bugs at card

Browse Source
This commit is contained in:
wonderlandpark 2021-05-08 21:45:33 +09:00
parent 7d4d16430c
commit 266345303c
1 changed files with 96 additions and 90 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
components/BotCard.tsx
View File

@ -10,7 +10,10 @@ import DiscordAvatar from '@components/DiscordAvatar'
const BotCard = ({ manage = false, bot }: BotProps): JSX.Element => {
return (
<div className='container mb-16 transform hover:-translate-y-1 transition duration-100 ease-in cursor-pointer relative mx-auto'>
<div className='container mb-16 transform hover:-translate-y-1 transition duration-100 ease-in cursor-pointer'>
<div className='relative'>
<div className='container mx-auto'>
<div className='h-full'>
<div
className='relative mx-auto h-full text-black dark:text-white dark:bg-discord-black bg-little-white rounded-2xl shadow-xl'
style={
@ -23,7 +26,7 @@ const BotCard = ({ manage = false, bot }: BotProps): JSX.Element => {
}
>
<Link href={makeBotURL(bot)}>
<a>
<div>
<div className='flex h-44'>
<div className='w-3/5'>
<div className='flex justify-start'>
@ -68,9 +71,10 @@ const BotCard = ({ manage = false, bot }: BotProps): JSX.Element => {
))}{' '}
{bot.category.length > 3 && <Tag text={`+${bot.category.length - 3}`} dark />}
</div>
</a>
</div>
</Link>
<Divider />
<div>
<div className='flex justify-evenly'>
@ -89,20 +93,22 @@ const BotCard = ({ manage = false, bot }: BotProps): JSX.Element => {
className='py-3 w-full text-center text-discord-blurple text-sm font-bold rounded-br-2xl hover:shadow-lg transition duration-100 ease-in opacity-50 cursor-default select-none'
>
초대하기
</a> : <Link
</a> :
<a
href={
bot.url ||
`https://discordapp.com/oauth2/authorize?client_id=${bot.id}&scope=bot&permissions=0`
}
>
<a
rel='noopener noreferrer'
target='_blank'
className='py-3 w-full text-center text-discord-blurple hover:text-white text-sm font-bold hover:bg-discord-blurple rounded-br-2xl hover:shadow-lg transition duration-100 ease-in'
>
초대하기
</a>
</Link>}
}
</div>
</div>
</div>
</div>
</div>
</div>