zhengchen.tao/ezbookkeeping
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

use icon to replace symbol character

Browse Source
This commit is contained in:
MaysWind
2023-07-22 23:50:14 +08:00
parent bfcb79c02b
commit 5d7e685dc4
8 changed files with 21 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/mobile/font-size-default.css
+2
View File
@@ -72,6 +72,8 @@
--ebk-transaction-date-width: 25px;
--ebk-transaction-day-font-size: 16px;
--ebk-transaction-day-of-week-font-size: 12px;
--ebk-transaction-account-arrow-font-size: 12px;
--ebk-transaction-account-arrow-margin-bottom: 1px;
--ebk-login-page-title-font-size: 28px;
--ebk-license-popup-title-font-size: 30px;
--ebk-license-content-font-size: 14px;
src/styles/mobile/font-size-large.css
+2
View File
@@ -72,6 +72,8 @@
--ebk-transaction-date-width: 28px;
--ebk-transaction-day-font-size: 17px;
--ebk-transaction-day-of-week-font-size: 13px;
--ebk-transaction-account-arrow-font-size: 13px;
--ebk-transaction-account-arrow-margin-bottom: 1px;
--ebk-login-page-title-font-size: 28px;
--ebk-license-popup-title-font-size: 31px;
--ebk-license-content-font-size: 15px;
src/styles/mobile/font-size-small.css
+2
View File
@@ -72,6 +72,8 @@
--ebk-transaction-date-width: 25px;
--ebk-transaction-day-font-size: 16px;
--ebk-transaction-day-of-week-font-size: 12px;
--ebk-transaction-account-arrow-font-size: 12px;
--ebk-transaction-account-arrow-margin-bottom: 1px;
--ebk-login-page-title-font-size: 28px;
--ebk-license-popup-title-font-size: 30px;
--ebk-license-content-font-size: 13px;
src/styles/mobile/font-size-x-large.css
+2
View File
@@ -72,6 +72,8 @@
--ebk-transaction-date-width: 30px;
--ebk-transaction-day-font-size: 18px;
--ebk-transaction-day-of-week-font-size: 14px;
--ebk-transaction-account-arrow-font-size: 14px;
--ebk-transaction-account-arrow-margin-bottom: 1px;
--ebk-login-page-title-font-size: 28px;
--ebk-license-popup-title-font-size: 32px;
--ebk-license-content-font-size: 16px;
src/styles/mobile/font-size-xx-large.css
+2
View File
@@ -72,6 +72,8 @@
--ebk-transaction-date-width: 32px;
--ebk-transaction-day-font-size: 20px;
--ebk-transaction-day-of-week-font-size: 15px;
--ebk-transaction-account-arrow-font-size: 15px;
--ebk-transaction-account-arrow-margin-bottom: 2px;
--ebk-login-page-title-font-size: 28px;
--ebk-license-popup-title-font-size: 36px;
--ebk-license-content-font-size: 17px;
src/styles/mobile/font-size-xxx-large.css
+2
View File
@@ -72,6 +72,8 @@
--ebk-transaction-date-width: 36px;
--ebk-transaction-day-font-size: 22px;
--ebk-transaction-day-of-week-font-size: 17px;
--ebk-transaction-account-arrow-font-size: 17px;
--ebk-transaction-account-arrow-margin-bottom: 2px;
--ebk-login-page-title-font-size: 28px;
--ebk-license-popup-title-font-size: 38px;
--ebk-license-content-font-size: 19px;
src/styles/mobile/font-size-xxxx-large.css
+2
View File
@@ -72,6 +72,8 @@
--ebk-transaction-date-width: 40px;
--ebk-transaction-day-font-size: 24px;
--ebk-transaction-day-of-week-font-size: 19px;
--ebk-transaction-account-arrow-font-size: 19px;
--ebk-transaction-account-arrow-margin-bottom: 3px;
--ebk-login-page-title-font-size: 28px;
--ebk-license-popup-title-font-size: 40px;
--ebk-license-content-font-size: 21px;
src/views/mobile/transactions/ListPage.vue
+7 -1
View File
@@ -211,7 +211,7 @@
<span v-if="transaction.utcOffset !== currentTimezoneOffsetMinutes">{{ `(${getDisplayTimezone(transaction)})` }}</span>
<span v-if="transaction.sourceAccount">·</span>
<span v-if="transaction.sourceAccount">{{ transaction.sourceAccount.name }}</span>
<span v-if="transaction.sourceAccount && transaction.type === allTransactionTypes.Transfer && transaction.destinationAccount && transaction.sourceAccount.id !== transaction.destinationAccount.id">→</span>
<f7-icon f7="arrow_right" class="transaction-account-arrow" v-if="transaction.sourceAccount && transaction.type === allTransactionTypes.Transfer && transaction.destinationAccount && transaction.sourceAccount.id !== transaction.destinationAccount.id"></f7-icon>
<span v-if="transaction.sourceAccount && transaction.type === allTransactionTypes.Transfer && transaction.destinationAccount && transaction.sourceAccount.id !== transaction.destinationAccount.id">{{ transaction.destinationAccount.name }}</span>
</div>
</div>
@@ -971,6 +971,12 @@ export default {
margin-right: 4px;
}
.list.transaction-info-list li.transaction-info .transaction-footer .transaction-account-arrow {
font-size: var(--ebk-transaction-account-arrow-font-size);
margin-right: 4px;
margin-bottom: var(--ebk-transaction-account-arrow-margin-bottom);
}
.list.transaction-info-list li.transaction-info .transaction-amount {
color: var(--f7-list-item-after-text-color);
overflow: hidden;