fix: card styles

This commit is contained in:
Junseo Park 2021-02-22 21:40:48 +09:00
parent 5bdcf7910b
commit 8430a40253

View File

@ -8,10 +8,10 @@ import Link from 'next/link'
const SubmittedBotCard = ({ href, submit }:SubmittedBotProps):JSX.Element => {
return <Link href={href}>
<a className='relative mx-auto w-full h-full text-black dark:text-white dark:bg-discord-black bg-little-white rounded-2xl shadow-xl px-4 py-5 transform hover:-translate-y-1 transition duration-100 ease-in'>
<div className='flex h-32'>
<div className='flex-grow'>
<div className='h-18'>
<div className='flex'>
<div className='flex-grow w-full'>
<h2 className='text-lg'>{submit.id}</h2>
<p className='text-left text-gray-400 text-sm font-medium mt-1.5 h-6'>{submit.intro}</p>
</div>
<div className='grid grid-cols-1 px-4 w-2/5 h-0 absolute right-0'>
<Tag
@ -25,6 +25,8 @@ const SubmittedBotCard = ({ href, submit }:SubmittedBotProps):JSX.Element => {
/>
</div>
</div>
<p className='text-left truncate text-gray-400 text-sm font-medium mt-1.5 h-6 w-full'>{submit.intro.slice(0, 25)}{submit.intro.length > 25 && '...'}</p>
</div>
</a>
</Link>
}