Merge pull request #22 from balancer-labs/fix/mobile-syles

more navbar fixes
balancer · Feb 13, 2023 · 312748f · 312748f
2 parents ba4a099 + c4f7a34
commit 312748f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/theme/src/client/components/SearchBar.vue b/theme/src/client/components/SearchBar.vue
@@ -42,7 +42,7 @@ onMounted(() => {
 
 <style>
 .search-input-wrapper .search-icon.search {
-  z-index: 10;
+  z-index: 5;
 }
 
 .home .search-box {

diff --git a/theme/src/client/styles/search.scss b/theme/src/client/styles/search.scss
@@ -125,6 +125,14 @@ $active-color: #1ea7fd;
             width: 175px;
         }
     }
+
+    .home {
+        .search-input-wrapper {
+            input[data-search-input='true'] {
+                width: 100%;
+            }
+        }
+    }
   }
 
 /* Fix the X appearing in search field on Chrome and IE */