From e0286ff13386bcccf819608a093d5e4015693027 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Wed, 18 Feb 2026 22:56:25 +0800
Subject: [PATCH] fix incorrect height for some toolbar buttons

---
 src/styles/mobile/global.scss                   | 5 ++++-
 src/views/mobile/statistics/TransactionPage.vue | 2 +-
 src/views/mobile/transactions/ListPage.vue      | 2 +-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/styles/mobile/global.scss b/src/styles/mobile/global.scss
index bb4d9be8..6379c28d 100644
--- a/src/styles/mobile/global.scss
+++ b/src/styles/mobile/global.scss
@@ -91,7 +91,6 @@ input[type=number] {
 :root {
     --f7-toolbar-inner-padding-left: 8px;
     --f7-toolbar-inner-padding-right: 8px;
-    --f7-toolbar-height: 48px;
     --f7-fab-size: 44px;
     --f7-fab-extended-size: 44px;
     --f7-fab-bg-color: var(--f7-glass-bg-color);
@@ -195,6 +194,10 @@ i.icon.la, i.icon.las, i.icon.lab {
     font-size: var(--ebk-page-title-bar-icon-font-size);
 }
 
+.compact-tabbar {
+    --f7-toolbar-height: 48px;
+}
+
 .ebk-small-amount {
     --f7-list-item-title-font-size: var(--ebk-amount-small-font-size) !important;
 }
diff --git a/src/views/mobile/statistics/TransactionPage.vue b/src/views/mobile/statistics/TransactionPage.vue
index ddf439d6..e9626a92 100644
--- a/src/views/mobile/statistics/TransactionPage.vue
+++ b/src/views/mobile/statistics/TransactionPage.vue
@@ -289,7 +289,7 @@
             </f7-list>
         </f7-popover>
 
-        <f7-toolbar tabbar bottom :class="{ 'toolbar-item-auto-size': true, 'disabled': loading }">
+        <f7-toolbar tabbar bottom :class="{ 'compact-tabbar': true, 'toolbar-item-auto-size': true, 'disabled': loading }">
             <f7-link :class="{ 'disabled': reloading || !canShiftDateRange }" @click="shiftDateRange(-1)">
                 <f7-icon class="icon-with-direction" f7="arrow_left_square"></f7-icon>
             </f7-link>
diff --git a/src/views/mobile/transactions/ListPage.vue b/src/views/mobile/transactions/ListPage.vue
index 7904a9d5..7c073e19 100644
--- a/src/views/mobile/transactions/ListPage.vue
+++ b/src/views/mobile/transactions/ListPage.vue
@@ -48,7 +48,7 @@
             </f7-list>
         </f7-popover>
 
-        <f7-toolbar tabbar bottom class="toolbar-item-auto-size transaction-list-toolbar">
+        <f7-toolbar tabbar bottom class="compact-tabbar toolbar-item-auto-size transaction-list-toolbar">
             <f7-link :class="{ 'disabled': loading || query.dateType === DateRange.All.type }" @click="shiftDateRange(query.minTime, query.maxTime, -1)">
                 <f7-icon class="icon-with-direction" f7="arrow_left_square"></f7-icon>
             </f7-link>