From 28062b493c03af0a563bd2ccdc453f564e7351cf Mon Sep 17 00:00:00 2001
From: wonderlandpark <wonderlandpark@outlook.kr>
Date: Fri, 7 May 2021 10:55:51 +0900
Subject: [PATCH] feat: remove wave

---
 components/Docs.tsx | 10 +++-------
 components/Hero.tsx |  8 ++------
 2 files changed, 5 insertions(+), 13 deletions(-)

diff --git a/components/Docs.tsx b/components/Docs.tsx
index be9022c..801955a 100644
--- a/components/Docs.tsx
+++ b/components/Docs.tsx
@@ -9,8 +9,8 @@ const Docs = ({ title, header, description, subheader, children }: DocsProps): J
 				title={typeof header === 'string' ? header : title}
 				description={description || subheader}
 			/>
-			<div className='dark:bg-discord-black bg-discord-blurple'>
-				<Container className='pb-10 pt-20' ignoreColor>
+			<div className='dark:bg-discord-black bg-discord-blurple z-20'>
+				<Container className='py-20' ignoreColor>
 					<h1 className='mt-10 text-center text-gray-100 text-4xl font-bold sm:text-left'>
 						{header}
 					</h1>
@@ -22,11 +22,7 @@ const Docs = ({ title, header, description, subheader, children }: DocsProps): J
 					</h2>
 				</Container>
 			</div>
-			<Wave
-				color='currentColor'
-				className='hidden dark:text-discord-black text-discord-blurple dark:bg-discord-dark bg-white md:block'
-			/>
-			<Container className='pb-20'>
+			<Container className='pt-10 pb-20'>
 				<div>{children}</div>
 			</Container>
 		</>
diff --git a/components/Hero.tsx b/components/Hero.tsx
index 00f0f7c..c8464c0 100644
--- a/components/Hero.tsx
+++ b/components/Hero.tsx
@@ -9,8 +9,8 @@ const Search = dynamic(()=> import('@components/Search'))
 
 const Hero = ({ header, description }:HeroProps):JSX.Element => {
 	return <>
-		<div className='dark:bg-discord-black bg-discord-blurple text-gray-100 pb-14 md:p-0 mb-8 md:m-0'>
-			<Container className='pt-2 md:pt-10' ignoreColor paddingTop>
+		<div className='dark:bg-discord-black bg-discord-blurple text-gray-100 md:p-0 mb-8'>
+			<Container className='pt-24 pb-16 md:pb-20' ignoreColor>
 				<h1 className='hidden md:block text-left text-3xl font-bold'>
 					{ header && `${header} - `}한국 디스코드봇 리스트
 				</h1>
@@ -32,10 +32,6 @@ const Hero = ({ header, description }:HeroProps):JSX.Element => {
 				</div>
 			</Container>
 		</div>
-		<Wave
-			color='currentColor'
-			className='dark:text-discord-black text-discord-blurple dark:bg-discord-dark bg-white hidden md:block'
-		/>
 	</>
 }