diff --git a/components/Search.tsx b/components/Search.tsx
index e695f81..b40b891 100644
--- a/components/Search.tsx
+++ b/components/Search.tsx
@@ -26,8 +26,8 @@ const Search = (): JSX.Element => {
}
return <>
-
-
setHidden(false)} onBlur={() => setHidden(true)} className='bg-transparent flex-grow outline-none border-none shadow border-0 py-3 px-7 pr-20 h-16 text-xl' placeholder='검색...' value={query} onChange={(e)=> {
+
setHidden(false)} onBlur={() => setTimeout(() => setHidden(true), 80)} className='relative w-full mt-5 text-black bg-white dark:text-gray-100 dark:bg-very-black flex rounded-lg z-30'>
+ {
SearchResults(e.target.value)
}} />
- ) : loading ?
검색중입니다... :
{query && data ? data?.errors && data.errors[0] || data.message : query.length < 3 ? '최소 2글자 이상 입력해주세요.' : '검색어를 입력해주세요.'}
+ ) : loading ?
검색중입니다... :
{query && data ? data.errors && data.errors[0] || data.message?.includes('문법') ? <>검색 문법이 잘못되었습니다.
더 알아보기> : data.message : query.length < 3 ? '최소 2글자 이상 입력해주세요.' : '검색어를 입력해주세요.'}
}