From e7fd01802875328c57f39ed8d660ea39558464b3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9B=90=EB=8D=94?= <wonderbotsupport@naver.com>
Date: Sat, 30 Jan 2021 13:23:31 +0900
Subject: [PATCH] chore: added search icon in search input

---
 components/Search.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/components/Search.tsx b/components/Search.tsx
index 578a009..34fce9f 100644
--- a/components/Search.tsx
+++ b/components/Search.tsx
@@ -1,11 +1,12 @@
 // import { useState } from 'react'
 
 const Search = (): JSX.Element => {
-	return (
-		<div className='relative w-full mt-5 flex'>
-			<input type='search' className='outline-none shadow rounded-lg border-0 p-3 w-full h-16 text-xl dark:bg-very-black pr-20' placeholder='검색...' />
-		</div>
-	)
+	return <div className='relative w-full mt-5 text-black bg-white dark:text-gray-100 dark:bg-very-black flex rounded-lg'>
+		<input className='bg-transparent flex-grow outline-none border-none shadow border-0 py-3 px-7 pr-20 h-16 text-xl' placeholder='검색...' />
+		<button className='outline-none cusor-pointer absolute right-0 top-0 mt-5 mr-5'>
+			<i className='text-gray-600 hover:text-gray-700 text-2xl fas fa-search' />
+		</button>
+	</div>
 }
 
 interface SearchProps {