Merge pull request #170 from 10up/AshutoshNanaware/main

update with recent changes
10up · Sep 24, 2024 · 6b081d1 · 6b081d1
2 parents e16d150 + 4b59ab1
commit 6b081d1
Showing 1 changed file with 19 additions and 4 deletions.
diff --git a/src/css/homepage-search.css b/src/css/homepage-search.css
@@ -1,11 +1,27 @@
 /* Added in a separate file as the component isn't styled otherwise. */
 
+.navbar__search > * {
+  max-width: 47.5rem;
+  width: 100%;
+  margin: 0 auto;
+}
+
+.main-wrapper .navbar__search > button {
+  right: calc(50% - 47.5rem / 2 + 4rem);
+  width: auto;
+  background: var(--ifm-navbar-search-input-background-color);
+  border-radius: .25rem;
+  width: 2rem;
+  height: 2rem;
+  transition: background-color .2s;
+}
+
 .home__heroBanner .navbar__search span {
-	width: 100%;
+  width: 100%;
 }
 
 .home__heroBanner .navbar__search input::placeholder {
-	color: var(--ifm-color-content);
+  color: var(--ifm-color-content);
 }
 
 .home__heroBanner
@@ -19,12 +35,11 @@
   height: 4.875rem;
   display: block;
   width: 100%;
-  max-width: 47.5rem;
   border: 3px solid black;
   padding: 1rem 1.5rem;
   background-position: right 1.5rem center;
   margin-right: auto;
   margin-left: auto;
   font-size: 1.125rem;
   color: var(--ifm-color-content);
-}
+}