wonderlandpark/core
2
1
Fork 0
mirror of https://github.com/koreanbots/core.git synced 2025-12-16 22:30:23 +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 => { const BotCard = ({ manage = false, bot }: BotProps): JSX.Element => {
return ( 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 <div
className='relative mx-auto h-full text-black dark:text-white dark:bg-discord-black bg-little-white rounded-2xl shadow-xl' className='relative mx-auto h-full text-black dark:text-white dark:bg-discord-black bg-little-white rounded-2xl shadow-xl'
style={ style={
@ -23,7 +26,7 @@ const BotCard = ({ manage = false, bot }: BotProps): JSX.Element => {
} }
> >
<Link href={makeBotURL(bot)}> <Link href={makeBotURL(bot)}>
<a> <div>
<div className='flex h-44'> <div className='flex h-44'>
<div className='w-3/5'> <div className='w-3/5'>
<div className='flex justify-start'> <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 />} {bot.category.length > 3 && <Tag text={`+${bot.category.length - 3}`} dark />}
</div> </div>
</a> </div>
</Link> </Link>
<Divider /> <Divider />
<div> <div>
<div className='flex justify-evenly'> <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' 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={ href={
bot.url || bot.url ||
`https://discordapp.com/oauth2/authorize?client_id=${bot.id}&scope=bot&permissions=0` `https://discordapp.com/oauth2/authorize?client_id=${bot.id}&scope=bot&permissions=0`
} }
>
<a
rel='noopener noreferrer' rel='noopener noreferrer'
target='_blank' 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' 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> </a>
</Link>} }
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>