style : search field styling added

t007rushi · Apr 7, 2022 · 76b671b · 76b671b
1 parent 5a61386
commit 76b671b
Showing 1 changed file with 20 additions and 19 deletions.
diff --git a/src/Layout/Header/note-header.css b/src/Layout/Header/note-header.css
@@ -8,8 +8,11 @@
 
 .header-mid {
   background-color: var(--accent-three-color);
-  border:none;
-  justify-content:space-between;
+  border: none;
+  justify-content: space-between;
+  position: absolute;
+  top: 10px;
+  left: 3rem;
 }
 .search-bar {
   border: none;
@@ -41,14 +44,14 @@
   gap: 1rem;
 }
 
-.auth-btn{
-  width: 5rem;
+.auth-btn {
+  width: 4rem;
   font-size: 1rem;
-  margin-right: 3rem;
+  margin-right: 1.2rem;
   background-color: var(--foreground-color);
   color: var(--background-color);
   text-decoration: none;
-  font-weight:bold;
+  font-weight: bold;
 }
 
 .header-icon {
@@ -65,31 +68,29 @@
   padding: 5px;
 }
 
-.web-logo{
+.web-logo {
   cursor: pointer;
   text-decoration: none;
 }
 
-.filter-icon{
-  font-size:2rem;
-  color:var(--foreground-color);
+.filter-icon {
+  font-size: 2rem;
+  color: var(--foreground-color);
   cursor: pointer;
 }
 
+.search-active {
+  display: initial;
+}
+.search-hide {
+  display: none;
+}
+
 @media only screen and (max-width: 730px) {
-  .header-mid {
-    display: none;
-  }
   .header-righthm {
     margin: auto;
   }
   .header-righthm button {
     display: none;
   }
 }
-
-@media only screen and (min-width: 730px) {
-  .icon-active {
-    display: none;
-  }
-}