better search box styling

velopack · Mar 7, 2024 · 1564ec4 · 1564ec4
1 parent 756ff9c
commit 1564ec4
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -33,6 +33,22 @@
   --search-local-modal-background: #1E293B;
 }
 
+.navbar__search-input {
+  border: 1px solid #DADDE1;
+  height: 40px;
+}
+
+[data-theme='dark'] .navbar__search-input {
+  border: 1px solid #444950;
+  --ifm-navbar-search-input-icon: url('data:image/svg+xml;utf8,<svg fill="white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="16px" width="16px"><path d="M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,0,0,1,6.02945,10.20327Zm9.69195,4.2199L10.8989,9.59979A5.88021,5.88021,0,0,0,12.058,6.02856,6.00467,6.00467,0,1,0,9.59979,10.8989l4.82338,4.82338a.89729.89729,0,0,0,1.29912,0,.89749.89749,0,0,0-.00087-1.29909Z" /></svg>');
+}
+
+@media (min-width: 570px) {
+  .navbar__search-input {
+    width: 230px !important;
+  }
+}
+
 .sidebar-title-only {
   font-weight: 400;
   font-size: 14px;