diff options
| author | Rafi Zadanly <rafizadanly@gmail.com> | 2022-12-17 11:08:23 +0700 |
|---|---|---|
| committer | Rafi Zadanly <rafizadanly@gmail.com> | 2022-12-17 11:08:23 +0700 |
| commit | 2448fde2fa0df32c1669082a7d0bab7d423854ec (patch) | |
| tree | 7cedcb907df376a3db923c197fa9785b896aa707 /src | |
| parent | 6109c9b0bedbfd9b9be787987050102b2d6cba03 (diff) | |
autocomplete color
Diffstat (limited to 'src')
| -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 ; } |