mirror/ezbookkeeping
1
0
Fork 0
mirror of https://github.com/mayswind/ezbookkeeping.git synced 2026-05-17 00:12:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

add transaction calendar for mobile version

Browse Source
This commit is contained in:
MaysWind
2025-05-09 01:14:35 +08:00
parent fbc8c5e8c7
commit 56ba4d88f4
12 changed files with 336 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/desktop/global.scss
+1
View File
@@ -48,6 +48,7 @@ input[type=number] {
/** Custom class **/
:root {
--default-icon-color: #000;
--ebk-primary-color: 198, 126, 72;
--v-expand-panel-title-bg: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));
--v-card-title-bg: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));
}
src/styles/mobile/font-size-default.css
+2
View File
@@ -75,6 +75,8 @@
--ebk-transaction-date-width: 25px;
--ebk-transaction-day-font-size: 16px;
--ebk-transaction-day-of-week-font-size: 12px;
--ebk-transaction-calendar-amount-font-size: 12px;
--ebk-transaction-calendar-daily-amounts-height: 65px;
--ebk-transaction-account-arrow-font-size: 12px;
--ebk-transaction-account-arrow-margin-top: -1px;
--ebk-transaction-tag-icon-font-size: 22px;
src/styles/mobile/font-size-large.css
+2
View File
@@ -75,6 +75,8 @@
--ebk-transaction-date-width: 28px;
--ebk-transaction-day-font-size: 17px;
--ebk-transaction-day-of-week-font-size: 13px;
--ebk-transaction-calendar-amount-font-size: 13px;
--ebk-transaction-calendar-daily-amounts-height: 65px;
--ebk-transaction-account-arrow-font-size: 13px;
--ebk-transaction-account-arrow-margin-top: -2px;
--ebk-transaction-tag-icon-font-size: 24px;
src/styles/mobile/font-size-small.css
+2
View File
@@ -75,6 +75,8 @@
--ebk-transaction-date-width: 25px;
--ebk-transaction-day-font-size: 16px;
--ebk-transaction-day-of-week-font-size: 12px;
--ebk-transaction-calendar-amount-font-size: 12px;
--ebk-transaction-calendar-daily-amounts-height: 65px;
--ebk-transaction-account-arrow-font-size: 12px;
--ebk-transaction-account-arrow-margin-top: -1px;
--ebk-transaction-tag-icon-font-size: 20px;
src/styles/mobile/font-size-x-large.css
+2
View File
@@ -75,6 +75,8 @@
--ebk-transaction-date-width: 30px;
--ebk-transaction-day-font-size: 18px;
--ebk-transaction-day-of-week-font-size: 14px;
--ebk-transaction-calendar-amount-font-size: 14px;
--ebk-transaction-calendar-daily-amounts-height: 70px;
--ebk-transaction-account-arrow-font-size: 14px;
--ebk-transaction-account-arrow-margin-top: -2px;
--ebk-transaction-tag-icon-font-size: 26px;
src/styles/mobile/font-size-xx-large.css
+2
View File
@@ -75,6 +75,8 @@
--ebk-transaction-date-width: 32px;
--ebk-transaction-day-font-size: 20px;
--ebk-transaction-day-of-week-font-size: 15px;
--ebk-transaction-calendar-amount-font-size: 15px;
--ebk-transaction-calendar-daily-amounts-height: 75px;
--ebk-transaction-account-arrow-font-size: 15px;
--ebk-transaction-account-arrow-margin-top: -3px;
--ebk-transaction-tag-icon-font-size: 28px;
src/styles/mobile/font-size-xxx-large.css
+2
View File
@@ -75,6 +75,8 @@
--ebk-transaction-date-width: 36px;
--ebk-transaction-day-font-size: 22px;
--ebk-transaction-day-of-week-font-size: 17px;
--ebk-transaction-calendar-amount-font-size: 17px;
--ebk-transaction-calendar-daily-amounts-height: 80px;
--ebk-transaction-account-arrow-font-size: 17px;
--ebk-transaction-account-arrow-margin-top: -4px;
--ebk-transaction-tag-icon-font-size: 30px;
src/styles/mobile/font-size-xxxx-large.css
+2
View File
@@ -75,6 +75,8 @@
--ebk-transaction-date-width: 40px;
--ebk-transaction-day-font-size: 24px;
--ebk-transaction-day-of-week-font-size: 19px;
--ebk-transaction-calendar-amount-font-size: 19px;
--ebk-transaction-calendar-daily-amounts-height: 85px;
--ebk-transaction-account-arrow-font-size: 19px;
--ebk-transaction-account-arrow-margin-top: -4px;
--ebk-transaction-tag-icon-font-size: 32px;
src/styles/mobile/global.css
+5
View File
@@ -108,6 +108,7 @@ i.icon.la, i.icon.las, i.icon.lab {
/** custom class **/
:root {
--default-icon-color: #000;
--ebk-primary-color: 198, 126, 72;
--ebk-transaction-tag-chip-bg-color: rgba(0, 0, 0, 0.04);
}
@@ -535,6 +536,10 @@ i.icon.la, i.icon.las, i.icon.lab {
border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius);
}
.combination-list-wrapper.no-accordion-toggle .list.combination-list-content.inset > ul {
border-radius: var(--f7-list-inset-border-radius);
}
/** Nested List item for framework7 **/
.nested-list-item .item-title {
width: 100%;