diff options
| -rw-r--r-- | src/components/Header.js | 4 | ||||
| -rw-r--r-- | src/styles/globals.css | 2 |
2 files changed, 3 insertions, 3 deletions
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 ; } |