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

mobile version supports rtl

Browse Source
This commit is contained in:
MaysWind
2025-08-19 23:56:28 +08:00
parent efe39c7390
commit 13d5759e84
44 changed files with 534 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/mobile/MonthlyTrendsBarChart.vue
+2 -2
View File
@@ -363,13 +363,13 @@ function toggleLegend(legend: TrendsBarChartLegend): void {
<style>
.monthly-trends-bar-chart-legend {
margin-right: 4px;
margin-inline-end: 4px;
cursor: pointer;
}
.monthly-trends-bar-chart-legend-icon.f7-icons {
font-size: var(--ebk-trends-bar-chart-legend-icon-font-size);
margin-right: 2px;
margin-inline-end: 2px;
}
.monthly-trends-bar-chart-legend-unselected .monthly-trends-bar-chart-legend-icon.f7-icons {
src/components/mobile/NumberPadSheet.vue
+2 -2
View File
@@ -57,7 +57,7 @@
</f7-button>
<f7-button class="numpad-button numpad-button-num" @click="backspace" @taphold="clear()">
<span class="numpad-button-text numpad-button-text-normal">
<f7-icon f7="delete_left"></f7-icon>
<f7-icon class="icon-with-direction" f7="delete_left"></f7-icon>
</span>
</f7-button>
<f7-button class="numpad-button numpad-button-confirm no-right-border no-bottom-border" fill @click="confirm()">
@@ -400,7 +400,7 @@ watch(() => props.flipNegative, (newValue) => {
.numpad-value {
display: flex;
position: relative;
padding-left: 16px;
padding-inline-start: 16px;
line-height: 1;
height: var(--ebk-numpad-value-height);
align-items: center;
src/components/mobile/PieChart.vue
+5 -5
View File
@@ -40,7 +40,7 @@
<div class="pie-chart-toolbox-container padding-horizontal" v-if="showSelectedItemInfo">
<div class="pie-chart-toolbox">
<f7-link class="pie-chart-toolbox-button" :class="{ 'disabled': !!skeleton || !validItems || validItems.length <= 1 }" @click="switchSelectedItem(1)">
<f7-icon f7="arrow_left"></f7-icon>
<f7-icon class="icon-with-direction" f7="arrow_left"></f7-icon>
</f7-link>
<div class="pie-chart-toolbox-info">
@@ -61,7 +61,7 @@
<span v-else-if="!skeleton && selectedItem.displayName">{{ selectedItem.displayName }}</span>
<span class="skeleton-text" v-if="skeleton">Value</span>
<span v-else-if="!skeleton && showValue" :style="getColorStyle(selectedItem ? selectedItem.color : '')">{{ selectedItem.displayValue }}</span>
<f7-icon class="item-navigate-icon" f7="chevron_right" v-if="enableClickItem"></f7-icon>
<f7-icon class="item-navigate-icon icon-with-direction" f7="chevron_right" v-if="enableClickItem"></f7-icon>
</f7-link>
<f7-link :no-link-class="true" v-else-if="!validItems || !validItems.length">
{{ tt('No transaction data') }}
@@ -69,7 +69,7 @@
</div>
<f7-link class="pie-chart-toolbox-button" :class="{ 'disabled': !!skeleton || !validItems || validItems.length <= 1 }" @click="switchSelectedItem(-1)">
<f7-icon f7="arrow_right"></f7-icon>
<f7-icon class="icon-with-direction" f7="arrow_right"></f7-icon>
</f7-link>
</div>
</div>
@@ -264,14 +264,14 @@ function clickItem(item: CommonPieChartDataItem): void {
}
.pie-chart-toolbox-info a > span + span {
padding-left: 8px;
padding-inline-start: 8px;
}
.pie-chart-toolbox-info .item-navigate-icon {
color: rgba(0, 0, 0, 0.2);
font-size: 18px;
font-weight: bold;
padding-left: 4px;
padding-inline-start: 4px;
}
.pie-chart-toolbox-button {
src/components/mobile/PinCodeInputSheet.vue
+4 -4
View File
@@ -82,13 +82,13 @@ watch(() => props.modelValue, (newValue) => {
<style>
.list-item-pincode-input .item-content {
padding-left: 0;
padding-right: 0;
padding-inline-start: 0;
padding-inline-end: 0;
}
.list-item-pincode-input .item-content .item-inner {
padding-left: 0;
padding-right: 0;
padding-inline-start: 0;
padding-inline-end: 0;
justify-content: center;
}
</style>
src/components/mobile/ScheduleFrequencySheet.vue
+3 -3
View File
@@ -21,7 +21,7 @@
v-for="type in allTransactionScheduledFrequencyTypes"
@click="changeFrequencyType(type.type)">
<template #after>
<f7-icon class="list-item-showing" f7="chevron_right" v-if="currentFrequencyType === type.type"></f7-icon>
<f7-icon class="list-item-showing icon-with-direction" f7="chevron_right" v-if="currentFrequencyType === type.type"></f7-icon>
</template>
</f7-list-item>
</f7-list>
@@ -165,10 +165,10 @@ function onSheetClosed(): void {
}
.schedule-frequency-type-list.list .item-inner {
padding-right: 6px;
padding-inline-end: 6px;
}
.schedule-frequency-value-list-list.list .item-content {
padding-left: 0;
padding-inline-start: 0;
}
</style>
src/components/mobile/TransactionTagSelectionSheet.vue
+4 -4
View File
@@ -37,7 +37,7 @@
<f7-block class="no-padding no-margin">
<div class="display-flex">
<f7-icon class="transaction-tag-icon" f7="number"></f7-icon>
<div class="tag-selection-list-item list-item-valign-middle padding-left-half">
<div class="tag-selection-list-item list-item-valign-middle padding-inline-start-half">
{{ tag.name }}
</div>
</div>
@@ -55,7 +55,7 @@
</template>
<template #title>
<div class="display-flex">
<f7-input class="list-title-input padding-left-half"
<f7-input class="list-title-input padding-inline-start-half"
type="text"
:placeholder="tt('Tag Title')"
v-model:value="newTag.name"
@@ -70,7 +70,7 @@
color="blue"
@click="saveNewTag()">
</f7-button>
<f7-button class="no-padding margin-left-half"
<f7-button class="no-padding margin-inline-start-half"
raised fill
icon-f7="xmark"
color="gray"
@@ -261,7 +261,7 @@ function onSheetClosed(): void {
}
.tag-selection-list.list .item-media + .item-inner {
margin-left: 0;
margin-inline-start: 0;
}
.tag-selection-list-item {
src/components/mobile/TwoColumnListItemSelectionSheet.vue
+3 -3
View File
@@ -34,7 +34,7 @@
<ItemIcon :icon-type="primaryIconType" :icon-id="primaryIconField ? item[primaryIconField] : undefined" :color="primaryColorField ? item[primaryColorField] : undefined"></ItemIcon>
</template>
<template #after>
<f7-icon class="list-item-showing" f7="chevron_right" v-if="item === selectedPrimaryItem"></f7-icon>
<f7-icon class="list-item-showing icon-with-direction" f7="chevron_right" v-if="item === selectedPrimaryItem"></f7-icon>
</template>
</f7-list-item>
<f7-list-item v-if="!filteredItems || !filteredItems.length"
@@ -160,10 +160,10 @@ function onSheetClosed(): void {
}
.primary-list.list .item-inner {
padding-right: 6px;
padding-inline-end: 6px;
}
.secondary-list.list .item-content {
padding-left: 0;
padding-inline-start: 0;
}
</style>