From ca221a59028e43fe0a214496749dfdb6becac886 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sat, 6 Feb 2021 20:16:38 +0800
Subject: [PATCH] modify search bar style in transaction list page

---
 src/views/mobile/transactions/List.vue | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/views/mobile/transactions/List.vue b/src/views/mobile/transactions/List.vue
index a11b76c9..6a750a48 100644
--- a/src/views/mobile/transactions/List.vue
+++ b/src/views/mobile/transactions/List.vue
@@ -10,18 +10,18 @@
             <f7-nav-left :back-link="$t('Back')"></f7-nav-left>
             <f7-nav-title :title="$t('Transaction List')"></f7-nav-title>
             <f7-nav-right class="navbar-compact-icons">
-                <f7-link icon-f7="search" class="searchbar-enable" data-searchbar=".searchbar-keyword"></f7-link>
                 <f7-link icon-f7="plus" :href="`/transaction/add?type=${query.type}&categoryId=${query.categoryId}&accountId=${query.accountId}`"></f7-link>
             </f7-nav-right>
 
-            <f7-searchbar
-                expandable custom-search
-                class="searchbar-keyword"
-                :value="query.keyword"
-                :placeholder="$t('Search')"
-                :disable-button-text="$t('Cancel')"
-                @change="changeKeywordFilter($event.target.value)"
-            ></f7-searchbar>
+            <f7-subnavbar :inner="false">
+                <f7-searchbar
+                    custom-searchs
+                    :value="query.keyword"
+                    :placeholder="$t('Search')"
+                    :disable-button-text="$t('Cancel')"
+                    @change="changeKeywordFilter($event.target.value)"
+                ></f7-searchbar>
+            </f7-subnavbar>
         </f7-navbar>
 
         <f7-toolbar tabbar bottom>