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

support setting app font size

Browse Source
This commit is contained in:
MaysWind
2023-06-12 00:18:58 +08:00
parent 702c095544
commit dfb885f38d
23 changed files with 330 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/mobile/DateRangeSelectionSheet.vue
+1 -1
View File
@@ -4,7 +4,7 @@
<div class="swipe-handler" style="z-index: 10"></div>
<f7-page-content>
<div class="display-flex padding justify-content-space-between align-items-center">
<div style="font-size: 18px" v-if="title"><b>{{ title }}</b></div>
<div class="ebk-sheet-title" v-if="title"><b>{{ title }}</b></div>
</div>
<div class="padding-horizontal padding-bottom">
<p class="no-margin-top" v-if="hint">{{ hint }}</p>
src/components/mobile/InformationSheet.vue
+1 -1
View File
@@ -4,7 +4,7 @@
<div class="swipe-handler" style="z-index: 10"></div>
<f7-page-content class="margin-top no-padding-top">
<div class="display-flex padding justify-content-space-between align-items-center">
<div style="font-size: 18px" v-if="title"><b>{{ title }}</b></div>
<div class="ebk-sheet-title" v-if="title"><b>{{ title }}</b></div>
</div>
<div class="padding-horizontal padding-bottom">
<p class="no-margin-top margin-bottom-half" v-if="hint">
src/components/mobile/MapSheet.vue
+1 -1
View File
@@ -13,7 +13,7 @@
</f7-page-content>
<f7-page-content class="no-margin-top no-padding-top" v-else-if="!knownMapProvider">
<div class="display-flex padding justify-content-space-between align-items-center">
<div style="font-size: 18px"><b>{{ $t('Unsupported Map Provider') }}</b></div>
<div class="ebk-sheet-title"><b>{{ $t('Unsupported Map Provider') }}</b></div>
</div>
<div class="padding-horizontal padding-bottom">
<p class="no-margin">{{ $t('Please refresh the page and try again. If the error is still displayed, make sure that server map settings are set correctly.') }}</p>
src/components/mobile/NumberPadSheet.vue
+20 -8
View File
@@ -4,7 +4,7 @@
<div class="swipe-handler" style="z-index: 10"></div>
<f7-page-content class="margin-top no-padding-top">
<div class="numpad-values">
<span class="numpad-value" :style="{ fontSize: currentDisplayFontSize + 'px' }">{{ currentDisplay }}</span>
<span class="numpad-value" :class="currentDisplayNumClass">{{ currentDisplay }}</span>
</div>
<div class="numpad-buttons">
<f7-button class="numpad-button numpad-button-num" @click="inputNum(7)">
@@ -97,15 +97,15 @@ export default {
return currentValue;
}
},
currentDisplayFontSize() {
currentDisplayNumClass() {
const currentDisplay = this.currentDisplay || '';
if (currentDisplay.length >= 24) {
return 20;
return 'numpad-value-small';
} else if (currentDisplay.length >= 16) {
return 22;
return 'numpad-value-normal';
} else {
return 24;
return 'numpad-value-large';
}
},
confirmText() {
@@ -333,12 +333,24 @@ export default {
position: relative;
padding-left: 16px;
line-height: 1;
height: 50px;
height: var(--ebk-numpad-value-height);
align-items: center;
box-sizing: border-box;
user-select: none;
}
.numpad-value-small {
font-size: var(--ebk-numpad-value-small-font-size);
}
.numpad-value-normal {
font-size: var(--ebk-numpad-value-normal-font-size);
}
.numpad-value-large {
font-size: var(--ebk-numpad-value-large-font-size);
}
.numpad-buttons {
display: flex;
flex-wrap: wrap;
@@ -374,7 +386,7 @@ export default {
.numpad-button-text {
display: block;
font-size: 28px;
font-size: var(--ebk-numpad-normal-button-font-size);
font-weight: normal;
line-height: 1;
}
@@ -388,6 +400,6 @@ export default {
}
.numpad-button-text-confirm {
font-size: 20px;
font-size: var(--ebk-numpad-confirm-button-font-size);
}
</style>
src/components/mobile/PasscodeInputSheet.vue
+1 -1
View File
@@ -4,7 +4,7 @@
<div class="swipe-handler" style="z-index: 10"></div>
<f7-page-content class="margin-top no-padding-top">
<div class="display-flex padding justify-content-space-between align-items-center">
<div style="font-size: 18px" v-if="title"><b>{{ title }}</b></div>
<div class="ebk-sheet-title" v-if="title"><b>{{ title }}</b></div>
</div>
<div class="padding-horizontal padding-bottom">
<p class="no-margin" v-if="hint">{{ hint }}</p>
src/components/mobile/PasswordInputSheet.vue
+1 -1
View File
@@ -4,7 +4,7 @@
<div class="swipe-handler" style="z-index: 10"></div>
<f7-page-content class="margin-top no-padding-top">
<div class="display-flex padding justify-content-space-between align-items-center">
<div style="font-size: 18px" v-if="title"><b>{{ title }}</b></div>
<div class="ebk-sheet-title" v-if="title"><b>{{ title }}</b></div>
</div>
<div class="padding-horizontal padding-bottom">
<p class="no-margin" v-if="hint">{{ hint }}</p>
src/components/mobile/PieChart.vue
+3 -3
View File
@@ -308,9 +308,9 @@ export default {
}
.pie-chart-toolbox-info {
--f7-chip-height: 30px;
--f7-chip-font-size: 18px;
font-size: 16px;
--f7-chip-height: var(--ebk-pie-chart-toolbox-percentage-height);
--f7-chip-font-size: var(--ebk-pie-chart-toolbox-percentage-font-size);
font-size: var(--ebk-pie-chart-toolbox-text-font-size);
align-self: center;
}
src/components/mobile/PinCodeInputSheet.vue
+1 -1
View File
@@ -4,7 +4,7 @@
<div class="swipe-handler" style="z-index: 10"></div>
<f7-page-content class="margin-top no-padding-top">
<div class="display-flex padding justify-content-space-between align-items-center">
<div style="font-size: 18px"><b>{{ title }}</b></div>
<div class="ebk-sheet-title"><b>{{ title }}</b></div>
</div>
<div class="padding-horizontal padding-bottom">
<p class="no-margin">{{ hint }}</p>