From 40d79be33df3606d9015c2cef9df397a1bde845b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9B=90=EB=8D=94?= <wonderbotsupport@naver.com>
Date: Sat, 9 Jan 2021 21:52:56 +0900
Subject: [PATCH] feat: added truncate

---
 components/BotCard.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/components/BotCard.tsx b/components/BotCard.tsx
index 3d01bbc..1ff3e06 100644
--- a/components/BotCard.tsx
+++ b/components/BotCard.tsx
@@ -6,7 +6,6 @@ import Tag from './Tag'
 import Link from 'next/link'
 
 const BotCard = ({ bot }: BotProps): JSX.Element => {
-	console.log(`${bot.vanity}`)
 	return (
 		<div className="container mb-20">
 			<div className="relative">
@@ -33,7 +32,7 @@ const BotCard = ({ bot }: BotProps): JSX.Element => {
 											<i className={`fas fa-circle text-${Status[bot.status]?.color}`} />
 											{Status[bot.status]?.text}
 										</h2>
-										<h1 className="mb-3 text-left text-3xl font-bold">
+										<h1 className="mb-3 text-left text-2xl font-bold truncate">
 											{bot.name}{' '}
 											{bot.trusted && (
 												<span className="text-koreanbots-blue text-3xl">
@@ -56,9 +55,9 @@ const BotCard = ({ bot }: BotProps): JSX.Element => {
 									<Tag blurple text={<>{formatNumber(bot.servers)} 서버</>} dark />
 								</div>
 							</div>
-							<div className="category">
-								{bot.category.slice(5).map(el => (
-									<Tag key={el} text={el} href={`/categories/${el}`} />
+							<div className="category px-2">
+								{bot.category.slice(0, 5).map(el => (
+									<Tag key={el} text={el} href={`/categories/${el}`} dark/>
 								))}
 							</div>
 							<Divider />