fix incorrect height for some toolbar buttons

This commit is contained in:
MaysWind
2026-02-18 22:56:25 +08:00
parent 2baffe3f11
commit e0286ff133
3 changed files with 6 additions and 3 deletions
+4 -1
View File
@@ -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;
}
@@ -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>
+1 -1
View File
@@ -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>