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

modify style

Browse Source
This commit is contained in:
MaysWind
2024-09-01 17:52:18 +08:00
parent 9945cb7a94
commit 2fc6a6ca77
8 changed files with 28 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/mobile/font-size-default.css
+3
View File
@@ -78,6 +78,9 @@
--ebk-transaction-tag-chip-font-size: 13px; --ebk-transaction-tag-chip-font-size: 13px;
--ebk-transaction-tag-chip-media-size: 19px; --ebk-transaction-tag-chip-media-size: 19px;
--ebk-transaction-tag-chip-height: 19px; --ebk-transaction-tag-chip-height: 19px;
--ebk-transaction-picture-size: 128px;
--ebk-transaction-picture-add-icon-size: 40px;
--ebk-transaction-picture-remove-icon-size: 32px;
--ebk-login-page-title-font-size: 28px; --ebk-login-page-title-font-size: 28px;
--ebk-license-popup-title-font-size: 30px; --ebk-license-popup-title-font-size: 30px;
--ebk-license-content-font-size: 14px; --ebk-license-content-font-size: 14px;
src/styles/mobile/font-size-large.css
+3
View File
@@ -78,6 +78,9 @@
--ebk-transaction-tag-chip-font-size: 13px; --ebk-transaction-tag-chip-font-size: 13px;
--ebk-transaction-tag-chip-media-size: 20px; --ebk-transaction-tag-chip-media-size: 20px;
--ebk-transaction-tag-chip-height: 20px; --ebk-transaction-tag-chip-height: 20px;
--ebk-transaction-picture-size: 128px;
--ebk-transaction-picture-add-icon-size: 40px;
--ebk-transaction-picture-remove-icon-size: 32px;
--ebk-login-page-title-font-size: 28px; --ebk-login-page-title-font-size: 28px;
--ebk-license-popup-title-font-size: 31px; --ebk-license-popup-title-font-size: 31px;
--ebk-license-content-font-size: 15px; --ebk-license-content-font-size: 15px;
src/styles/mobile/font-size-small.css
+3
View File
@@ -78,6 +78,9 @@
--ebk-transaction-tag-chip-font-size: 13px; --ebk-transaction-tag-chip-font-size: 13px;
--ebk-transaction-tag-chip-media-size: 18px; --ebk-transaction-tag-chip-media-size: 18px;
--ebk-transaction-tag-chip-height: 18px; --ebk-transaction-tag-chip-height: 18px;
--ebk-transaction-picture-size: 112px;
--ebk-transaction-picture-add-icon-size: 32px;
--ebk-transaction-picture-remove-icon-size: 28px;
--ebk-login-page-title-font-size: 28px; --ebk-login-page-title-font-size: 28px;
--ebk-license-popup-title-font-size: 30px; --ebk-license-popup-title-font-size: 30px;
--ebk-license-content-font-size: 13px; --ebk-license-content-font-size: 13px;
src/styles/mobile/font-size-x-large.css
+3
View File
@@ -78,6 +78,9 @@
--ebk-transaction-tag-chip-font-size: 14px; --ebk-transaction-tag-chip-font-size: 14px;
--ebk-transaction-tag-chip-media-size: 22px; --ebk-transaction-tag-chip-media-size: 22px;
--ebk-transaction-tag-chip-height: 22px; --ebk-transaction-tag-chip-height: 22px;
--ebk-transaction-picture-size: 136px;
--ebk-transaction-picture-add-icon-size: 40px;
--ebk-transaction-picture-remove-icon-size: 32px;
--ebk-login-page-title-font-size: 28px; --ebk-login-page-title-font-size: 28px;
--ebk-license-popup-title-font-size: 32px; --ebk-license-popup-title-font-size: 32px;
--ebk-license-content-font-size: 16px; --ebk-license-content-font-size: 16px;
src/styles/mobile/font-size-xx-large.css
+3
View File
@@ -78,6 +78,9 @@
--ebk-transaction-tag-chip-font-size: 15px; --ebk-transaction-tag-chip-font-size: 15px;
--ebk-transaction-tag-chip-media-size: 22px; --ebk-transaction-tag-chip-media-size: 22px;
--ebk-transaction-tag-chip-height: 22px; --ebk-transaction-tag-chip-height: 22px;
--ebk-transaction-picture-size: 144px;
--ebk-transaction-picture-add-icon-size: 48px;
--ebk-transaction-picture-remove-icon-size: 40px;
--ebk-login-page-title-font-size: 28px; --ebk-login-page-title-font-size: 28px;
--ebk-license-popup-title-font-size: 36px; --ebk-license-popup-title-font-size: 36px;
--ebk-license-content-font-size: 17px; --ebk-license-content-font-size: 17px;
src/styles/mobile/font-size-xxx-large.css
+3
View File
@@ -78,6 +78,9 @@
--ebk-transaction-tag-chip-font-size: 16px; --ebk-transaction-tag-chip-font-size: 16px;
--ebk-transaction-tag-chip-media-size: 24px; --ebk-transaction-tag-chip-media-size: 24px;
--ebk-transaction-tag-chip-height: 24px; --ebk-transaction-tag-chip-height: 24px;
--ebk-transaction-picture-size: 160px;
--ebk-transaction-picture-add-icon-size: 48px;
--ebk-transaction-picture-remove-icon-size: 40px;
--ebk-login-page-title-font-size: 28px; --ebk-login-page-title-font-size: 28px;
--ebk-license-popup-title-font-size: 38px; --ebk-license-popup-title-font-size: 38px;
--ebk-license-content-font-size: 19px; --ebk-license-content-font-size: 19px;
src/styles/mobile/font-size-xxxx-large.css
+3
View File
@@ -78,6 +78,9 @@
--ebk-transaction-tag-chip-font-size: 18px; --ebk-transaction-tag-chip-font-size: 18px;
--ebk-transaction-tag-chip-media-size: 26px; --ebk-transaction-tag-chip-media-size: 26px;
--ebk-transaction-tag-chip-height: 26px; --ebk-transaction-tag-chip-height: 26px;
--ebk-transaction-picture-size: 184px;
--ebk-transaction-picture-add-icon-size: 56px;
--ebk-transaction-picture-remove-icon-size: 48px;
--ebk-login-page-title-font-size: 28px; --ebk-login-page-title-font-size: 28px;
--ebk-license-popup-title-font-size: 40px; --ebk-license-popup-title-font-size: 40px;
--ebk-license-content-font-size: 21px; --ebk-license-content-font-size: 21px;
src/views/mobile/transactions/EditPage.vue
+7 -7
View File
@@ -1309,13 +1309,13 @@ export default {
} }
.transaction-pictures { .transaction-pictures {
height: 128px; height: var(--ebk-transaction-picture-size);
} }
.transaction-picture-container, .transaction-picture-container,
.transaction-picture { .transaction-picture {
width: 128px; width: var(--ebk-transaction-picture-size);
height: 128px; height: var(--ebk-transaction-picture-size);
} }
.transaction-picture .transaction-picture-control-backdrop { .transaction-picture .transaction-picture-control-backdrop {
@@ -1329,13 +1329,13 @@ export default {
.transaction-picture .picture-control-icon { .transaction-picture .picture-control-icon {
z-index: 15; z-index: 15;
font-size: 40px; font-size: var(--ebk-transaction-picture-add-icon-size);
} }
.transaction-picture .picture-remove-icon { .transaction-picture .picture-remove-icon {
background-color: transparent; background-color: transparent;
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
font-size: 32px; font-size: var(--ebk-transaction-picture-remove-icon-size);
} }
.transaction-picture > img { .transaction-picture > img {
@@ -1349,8 +1349,8 @@ export default {
} }
.transaction-picture-add { .transaction-picture-add {
width: 126px; width: calc(var(--ebk-transaction-picture-size) - 2px);
height: 124px; height: calc(var(--ebk-transaction-picture-size) - 4px);
border: 2px dashed #ccc; border: 2px dashed #ccc;
border-radius: 8px; border-radius: 8px;
} }