wonderlandpark/core
2
1
Fork 0
mirror of https://github.com/koreanbots/core.git synced 2025-12-15 14:10:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: card styles

Browse Source
This commit is contained in:
Junseo Park 2021-02-22 21:40:48 +09:00
parent 5bdcf7910b
commit 8430a40253
1 changed files with 17 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
components/SubmittedBotCard.tsx
View File

@ -8,22 +8,24 @@ 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'>
<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
text={
<>
<i className={`fas fa-circle text-${[Status.offline, Status.online, Status.dnd][submit.state]?.color}`} />
{' '}{['대기중', '승인됨', '거부됨'][submit.state]}
</>
}
dark
/>
<div className='h-18'>
<div className='flex'>
<div className='flex-grow w-full'>
<h2 className='text-lg'>{submit.id}</h2>
</div>
<div className='grid grid-cols-1 px-4 w-2/5 h-0 absolute right-0'>
<Tag
text={
<>
<i className={`fas fa-circle text-${[Status.offline, Status.online, Status.dnd][submit.state]?.color}`} />
{' '}{['대기중', '승인됨', '거부됨'][submit.state]}
</>
}
dark
/>
</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>