modify style

This commit is contained in:
MaysWind
2025-07-28 22:00:25 +08:00
parent 22f9c5243a
commit fd99c784b3
9 changed files with 30 additions and 13 deletions
+1
View File
@@ -73,6 +73,7 @@
--ebk-trends-bar-chart-legend-icon-font-size: 18px;
--ebk-trends-bar-chart-legend-text-font-size: 14px;
--ebk-account-list-group-title-height: 36px;
--ebk-reconciliation-statement-list-group-title-height: 36px;
--ebk-synchronized-settings-list-group-title-height: 36px;
--ebk-synchronized-settings-list-device-icon-font-size: 19px;
--ebk-category-separate-icon-font-size: 18px;
+1
View File
@@ -73,6 +73,7 @@
--ebk-trends-bar-chart-legend-icon-font-size: 19px;
--ebk-trends-bar-chart-legend-text-font-size: 15px;
--ebk-account-list-group-title-height: 37px;
--ebk-reconciliation-statement-list-group-title-height: 37px;
--ebk-synchronized-settings-list-group-title-height: 37px;
--ebk-synchronized-settings-list-device-icon-font-size: 20px;
--ebk-category-separate-icon-font-size: 18px;
+1
View File
@@ -73,6 +73,7 @@
--ebk-trends-bar-chart-legend-icon-font-size: 16px;
--ebk-trends-bar-chart-legend-text-font-size: 12px;
--ebk-account-list-group-title-height: 36px;
--ebk-reconciliation-statement-list-group-title-height: 36px;
--ebk-synchronized-settings-list-group-title-height: 36px;
--ebk-synchronized-settings-list-device-icon-font-size: 18px;
--ebk-category-separate-icon-font-size: 18px;
+1
View File
@@ -73,6 +73,7 @@
--ebk-trends-bar-chart-legend-icon-font-size: 20px;
--ebk-trends-bar-chart-legend-text-font-size: 16px;
--ebk-account-list-group-title-height: 38px;
--ebk-reconciliation-statement-list-group-title-height: 38px;
--ebk-synchronized-settings-list-group-title-height: 38px;
--ebk-synchronized-settings-list-device-icon-font-size: 21px;
--ebk-category-separate-icon-font-size: 18px;
+1
View File
@@ -73,6 +73,7 @@
--ebk-trends-bar-chart-legend-icon-font-size: 22px;
--ebk-trends-bar-chart-legend-text-font-size: 18px;
--ebk-account-list-group-title-height: 40px;
--ebk-reconciliation-statement-list-group-title-height: 40px;
--ebk-synchronized-settings-list-group-title-height: 40px;
--ebk-synchronized-settings-list-device-icon-font-size: 22px;
--ebk-category-separate-icon-font-size: 20px;
@@ -73,6 +73,7 @@
--ebk-trends-bar-chart-legend-icon-font-size: 24px;
--ebk-trends-bar-chart-legend-text-font-size: 20px;
--ebk-account-list-group-title-height: 42px;
--ebk-reconciliation-statement-list-group-title-height: 42px;
--ebk-synchronized-settings-list-group-title-height: 42px;
--ebk-synchronized-settings-list-device-icon-font-size: 24px;
--ebk-category-separate-icon-font-size: 20px;
@@ -73,6 +73,7 @@
--ebk-trends-bar-chart-legend-icon-font-size: 26px;
--ebk-trends-bar-chart-legend-text-font-size: 22px;
--ebk-account-list-group-title-height: 44px;
--ebk-reconciliation-statement-list-group-title-height: 44px;
--ebk-synchronized-settings-list-group-title-height: 44px;
--ebk-synchronized-settings-list-device-icon-font-size: 26px;
--ebk-category-separate-icon-font-size: 22px;
+1 -1
View File
@@ -145,7 +145,7 @@
</f7-swipeout-actions>
<f7-swipeout-actions right v-if="!sortable">
<f7-swipeout-button color="orange" close :text="tt('Edit')" @click="edit(account)"></f7-swipeout-button>
<f7-swipeout-button color="deeporange" close :text="tt('More')" @click="showMoreActionSheetForAccount(account)"></f7-swipeout-button>
<f7-swipeout-button color="primary" close :text="tt('More')" @click="showMoreActionSheetForAccount(account)"></f7-swipeout-button>
<f7-swipeout-button color="red" class="padding-left padding-right" @click="remove(account, false)">
<f7-icon f7="trash"></f7-icon>
</f7-swipeout-button>
@@ -12,6 +12,9 @@
</f7-navbar>
<f7-list form strong inset dividers class="margin-vertical" v-if="!finishQuery">
<f7-list-item group-title>
<small>{{ tt('Date Range') }}</small>
</f7-list-item>
<f7-list-item :key="dateRange.type"
:title="dateRange.displayName"
:disabled="!validQuery"
@@ -36,13 +39,8 @@
</f7-list>
<f7-list strong inset dividers class="margin-vertical" v-if="finishQuery && (startTime || endTime)">
<f7-list-item :title="tt('Start Date')" :after="displayStartDateTime"></f7-list-item>
<f7-list-item :title="tt('End Date')" :after="displayEndDateTime"></f7-list-item>
</f7-list>
<f7-list strong inset dividers class="margin-vertical skeleton-text" v-if="finishQuery && loading">
<f7-list-item :title="tt('Opening Balance')" after="Count"></f7-list-item>
<f7-list-item :title="tt('Closing Balance')" after="Count"></f7-list-item>
<f7-list-item :title="tt('Start Time')" :after="displayStartDateTime"></f7-list-item>
<f7-list-item :title="tt('End Time')" :after="displayEndDateTime"></f7-list-item>
</f7-list>
<f7-list strong inset dividers class="margin-vertical skeleton-text" v-if="finishQuery && loading">
@@ -52,11 +50,6 @@
<f7-list-item :title="tt('Net Cash Flow')" after="Count"></f7-list-item>
</f7-list>
<f7-list strong inset dividers class="margin-vertical" v-if="finishQuery && !loading">
<f7-list-item :title="tt('Opening Balance')" :after="displayOpeningBalance"></f7-list-item>
<f7-list-item :title="tt('Closing Balance')" :after="displayClosingBalance"></f7-list-item>
</f7-list>
<f7-list strong inset dividers class="margin-vertical" v-if="finishQuery && !loading">
<f7-list-item :title="tt('Total Transactions')" :after="reconciliationStatements.length || '0'"></f7-list-item>
<f7-list-item :title="tt('Total Inflows')" :after="displayTotalInflows"></f7-list-item>
@@ -64,6 +57,16 @@
<f7-list-item :title="tt('Net Cash Flow')" :after="displayTotalBalance"></f7-list-item>
</f7-list>
<f7-list strong inset dividers class="margin-vertical skeleton-text" v-if="finishQuery && loading">
<f7-list-item :title="tt('Opening Balance')" after="Count"></f7-list-item>
<f7-list-item :title="tt('Closing Balance')" after="Count"></f7-list-item>
</f7-list>
<f7-list strong inset dividers class="margin-vertical" v-if="finishQuery && !loading">
<f7-list-item :title="tt('Opening Balance')" :after="displayOpeningBalance"></f7-list-item>
<f7-list-item :title="tt('Closing Balance')" :after="displayClosingBalance"></f7-list-item>
</f7-list>
<f7-list strong inset dividers media-list
class="skeleton-text margin-vertical transaction-info-list reconciliation-statement-list"
v-if="finishQuery && loading">
@@ -463,6 +466,13 @@ init();
}
.list.reconciliation-statement-list li.reconciliation-statement-transaction-date {
display: flex;
align-items: center;
align-content: center;
padding-top: 0;
padding-bottom: 0;
height: var(--ebk-reconciliation-statement-list-group-title-height);
line-height: var(--ebk-reconciliation-statement-list-group-title-height);
background-color: var(--f7-list-group-title-bg-color);
}