From 2448fde2fa0df32c1669082a7d0bab7d423854ec Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <rafizadanly@gmail.com>
Date: Sat, 17 Dec 2022 11:08:23 +0700
Subject: autocomplete color

---
 src/components/Header.js | 4 ++--
 src/styles/globals.css   | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/components/Header.js b/src/components/Header.js
index fe76baba..17cb5ced 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -144,7 +144,7 @@ export default function Header({ title }) {
               <SearchIcon />
             </button>
             {suggestions.length > 1 ? (
-              <div className="absolute w-full top-[50px] rounded-b bg-white border border-gray-200">
+              <div className="absolute w-full top-[50px] rounded-b bg-gray_r-2 border border-gray_r-6">
                 {suggestions.map((suggestion, index) => (
                   <p onClick={() => clickSuggestion(suggestion.term)} className="w-full p-2" key={index}>{suggestion.term}</p>
                 ))}
@@ -153,7 +153,7 @@ export default function Header({ title }) {
         </form>
       </div>
       {suggestions.length > 1 ? (
-        <div className="fixed top-0 left-0 w-full h-full bg-gray-900/60 z-40" onClick={() => setSuggestions([])}></div>
+        <div className="menu-overlay !z-40" onClick={() => setSuggestions([])}></div>
       ) : ''}
     </>
   )
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 8e97e105..3826ee76 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -261,7 +261,7 @@ html, body {
         w-full
         h-full
         z-[55]
-        bg-gray_r-12/60
+        bg-gray_r-12/40
     ;
 }
 
-- 
cgit v1.2.3