css

HridoyHazard · Oct 5, 2023 · 742792d · 742792d
1 parent 49cecde
commit 742792d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/App.js b/src/App.js
@@ -323,7 +323,7 @@ function App() {
         className={isDark ? 'input_search_dark' : 'input_search'}
       />
       {isDropdownVisible && countryMatch.length > 0 && (
-        <div className='list-dropdown country-suggestions'>
+        <div className='list-dropdown'>
           {countryMatch.map((item, index) => (
             <div
               key={index}

diff --git a/src/index.css b/src/index.css
@@ -184,10 +184,7 @@ body {
 .search-bar {
   position: relative;
   display: flex;
-  flex-direction: column;
   width: 50%;
-  padding: 2% 28%;
-
 }
 
 .form-width{
@@ -196,7 +193,6 @@ body {
   width: 100%;
 }
 
-
 .search-bar > input {
   background-color: var(--cardColor);
   width: 100%;
@@ -211,6 +207,7 @@ body {
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
   font-family: 'Josefin Sans', sans-serif;
+  z-index: 10;
 
 }
 .country-suggestions {
@@ -237,6 +234,8 @@ body {
   transition: all 0.5s ease;
   margin-top: 10px;
   z-index: 0;
+  /* height: 62px; */
+  top: 0;
 }
 .s-icon:hover {
   cursor: pointer;