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

update transaction tag icon style

Browse Source
This commit is contained in:
MaysWind
2025-01-21 00:27:45 +08:00
parent 852c7899b5
commit 568abb6e03
14 changed files with 32 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/mobile/transactions/EditPage.vue
+8 -3
View File
@@ -320,7 +320,7 @@
<template #footer>
<f7-block class="margin-top-half no-padding no-margin" v-if="transaction.tagIds && transaction.tagIds.length">
<f7-chip media-bg-color="black" class="transaction-edit-tag"
<f7-chip media-text-color="var(--f7-chip-text-color)" class="transaction-edit-tag"
:text="getTagName(tagId)"
:key="tagId"
v-for="tagId in transaction.tagIds">
@@ -1431,8 +1431,13 @@ export default {
text-overflow: ellipsis;
}
.transaction-edit-tag > .chip-media {
opacity: 0.6;
.chip.transaction-edit-tag .chip-media+.chip-label {
margin-left: 0;
}
.chip.transaction-edit-tag .chip-media i.icon {
font-size: calc(var(--f7-chip-media-size) - 12px);
height: calc(var(--f7-chip-media-size) - 12px);
}
.transaction-pictures {
src/views/mobile/transactions/ListPage.vue
+4 -4
View File
@@ -212,7 +212,7 @@
</div>
<div class="item-footer">
<div class="transaction-tags" v-if="showTagInTransactionListPage && transaction.tagIds && transaction.tagIds.length">
<f7-chip media-bg-color="black" class="transaction-tag"
<f7-chip media-text-color="var(--f7-chip-text-color)" class="transaction-tag"
:text="allTransactionTags[tagId].name"
:key="tagId"
v-for="tagId in transaction.tagIds">
@@ -495,7 +495,7 @@
@click="changeTagFilter(transactionTag.id)"
>
<template #before-title>
<f7-icon f7="number" class="transaction-tag-name"></f7-icon>
<f7-icon class="transaction-tag-name transaction-tag-icon" f7="number"></f7-icon>
</template>
<template #after>
<f7-icon class="list-item-checked-icon"
@@ -1283,8 +1283,8 @@ export default {
text-overflow: ellipsis;
}
.list.transaction-info-list li.transaction-info .chip.transaction-tag > .chip-media {
opacity: 0.6;
.list.transaction-info-list li.transaction-info .chip.transaction-tag .chip-media+.chip-label {
margin-left: 0;
}
.list.transaction-info-list li.transaction-info .transaction-footer {