From 1e3eebb8ffff1ea5eb452d956aefd5124ce731dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9B=90=EB=8D=94?= <wonderbotsupport@naver.com>
Date: Wed, 10 Feb 2021 13:21:51 +0900
Subject: [PATCH] feat: gap only for x

---
 pages/categories/[category].tsx | 2 +-
 pages/index.tsx                 | 6 +++---
 pages/list/new.tsx              | 2 +-
 pages/list/votes.tsx            | 2 +-
 pages/users/[id].tsx            | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/pages/categories/[category].tsx b/pages/categories/[category].tsx
index e49b87d..e8af5ee 100644
--- a/pages/categories/[category].tsx
+++ b/pages/categories/[category].tsx
@@ -22,7 +22,7 @@ const Category: NextPage<CategoryProps> = ({ data, query }) => {
 
 		<Container>
 			<Advertisement />
-			<div className='grid gap-4 2xl:grid-cols-4 md:grid-cols-2 mt-20'>
+			<div className='grid gap-x-4 2xl:grid-cols-4 md:grid-cols-2 mt-20'>
 				{
 					data.data.map(bot => <BotCard key={bot.id} bot={bot} /> )
 				}
diff --git a/pages/index.tsx b/pages/index.tsx
index 9293876..070c00c 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -21,7 +21,7 @@ const Index: NextPage<IndexProps> = ({ votes, newBots, trusted }) => {
 					<i className='far fa-heart mr-3 text-pink-600' /> 하트 랭킹
 				</h1>
 				<p className='text-base'>하트를 많이 받은 봇들의 순위입니다!</p>
-				<div className='grid gap-4 2xl:grid-cols-4 md:grid-cols-2 mt-10'>
+				<div className='grid gap-x-4 2xl:grid-cols-4 md:grid-cols-2 mt-10'>
 					{
 						votes.data.slice(0, 8).map(bot=> <BotCard key={bot.id} bot={bot} />)
 					}
@@ -31,7 +31,7 @@ const Index: NextPage<IndexProps> = ({ votes, newBots, trusted }) => {
 					<i className='far fa-star mr-3 text-yellow-500' /> 새로운 봇
 				</h1>
 				<p className='text-base'>최근에 한국 디스코드봇 리스트에 추가된 따끈따끈한 봇입니다.</p>
-				<div className='grid gap-4 2xl:grid-cols-4 md:grid-cols-2 mt-10'>
+				<div className='grid gap-x-4 2xl:grid-cols-4 md:grid-cols-2 mt-10'>
 					{
 						newBots.data.slice(0, 4).map(bot=> <BotCard key={bot.id} bot={bot} />)
 					}
@@ -41,7 +41,7 @@ const Index: NextPage<IndexProps> = ({ votes, newBots, trusted }) => {
 					<i className='fa fa-check mr-3 mt-10 text-green-500' /> 신뢰된 봇
 				</h1>
 				<p className='text-base'>KOREANBOTS에서 인증받은 신뢰할 수 있는 봇들입니다!!</p>
-				<div className='grid gap-4 2xl:grid-cols-4 md:grid-cols-2 mt-10'>
+				<div className='grid gap-x-4 2xl:grid-cols-4 md:grid-cols-2 mt-10'>
 					{
 						trusted.data.slice(0, 4).map(bot=> <BotCard key={bot.id} bot={bot} />)
 					}
diff --git a/pages/list/new.tsx b/pages/list/new.tsx
index 5720d4e..3b7f5d1 100644
--- a/pages/list/new.tsx
+++ b/pages/list/new.tsx
@@ -16,7 +16,7 @@ const New:NextPage<NewProps> = ({ data }) => {
 		<SEO title='새로운 봇' description='최근에 추가된 봇들입니다!' />
 		<Container>
 			<Advertisement />
-			<div className='grid gap-4 2xl:grid-cols-4 md:grid-cols-2 mt-20'>
+			<div className='grid gap-x-4 2xl:grid-cols-4 md:grid-cols-2 mt-20'>
 				{
 					data.data.map(bot => <BotCard key={bot.id} bot={bot} /> )
 				}
diff --git a/pages/list/votes.tsx b/pages/list/votes.tsx
index 094cde1..08b5f53 100644
--- a/pages/list/votes.tsx
+++ b/pages/list/votes.tsx
@@ -24,7 +24,7 @@ const Votes:NextPage<VotesProps> = ({ data }) => {
 		<SEO title='하트 랭킹' description='하트를 많이 받은 봇들의 순위입니다!'/>
 		<Container>
 			<Advertisement />
-			<div className='grid gap-4 2xl:grid-cols-4 md:grid-cols-2 mt-20'>
+			<div className='grid gap-x-4 2xl:grid-cols-4 md:grid-cols-2 mt-20'>
 				{
 					data.data.map(bot => <BotCard key={bot.id} bot={bot} /> )
 				}
diff --git a/pages/users/[id].tsx b/pages/users/[id].tsx
index 29734fe..0ac8f0c 100644
--- a/pages/users/[id].tsx
+++ b/pages/users/[id].tsx
@@ -83,7 +83,7 @@ const Users: NextPage<UserProps> = ({ data }) => {
 			</div>
 			<Divider />
 			<h2 className='mt-8 text-3xl font-bold'>제작한 봇</h2>
-			<div className='grid gap-4 mt-20 2xl:grid-cols-4 md:grid-cols-2'>
+			<div className='grid gap-x-4 mt-20 2xl:grid-cols-4 md:grid-cols-2'>
 				{(data.bots as Bot[]).map((bot: Bot) => (
 					<BotCard key={bot.id} bot={bot} />
 				))}