From 8430a4025311dd21895bda86981be0d5348881fa Mon Sep 17 00:00:00 2001
From: Junseo Park <wonderlandpark@outlook.kr>
Date: Mon, 22 Feb 2021 21:40:48 +0900
Subject: [PATCH] fix: card styles

---
 components/SubmittedBotCard.tsx | 32 +++++++++++++++++---------------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/components/SubmittedBotCard.tsx b/components/SubmittedBotCard.tsx
index 490ac18..2cbea37 100644
--- a/components/SubmittedBotCard.tsx
+++ b/components/SubmittedBotCard.tsx
@@ -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>