feat: magnifying glass on search bar to button

Signed-off-by: Tim Schmidt <tim@launchbadge.com>
hashgraph · Sep 12, 2023 · a40a77b · a40a77b
1 parent 18885ce
commit a40a77b
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/components/SearchBar.vue b/src/components/SearchBar.vue
@@ -38,18 +38,19 @@
   </div>
 
   <div v-else>
-    <form data-cy="searchBar" class="control has-icons-right" action="" v-on:submit.prevent="performSearch">
+    <form data-cy="searchBar" class="control is-flex" action="" v-on:submit.prevent="performSearch">
       <input
-             class="input has-text-white h-is-navbar-item"
+             class="input has-text-white h-is-navbar-item custom-input"
+             style="z-index: 1;"
              type="text"
              placeholder="Search accounts, transactions, tokens, contracts and topics"
              v-model="searchedId"
              v-bind:disabled="searchInputDisabled"
              ref="search-input"
       />
-      <span class="icon is-small is-right">
+      <button class="button is-dark" type="button" @click="performSearch" style="border-color: white; border-left: none; height: 35px; z-index: 0; outline: none">
           <i v-bind:class="searchButtonIconStyle"/>
-        </span>
+      </button>
     </form>
   </div>