From 9a70cfe24c43882378facef0abc16337844bc012 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sat, 29 Jun 2024 11:46:12 +0800
Subject: [PATCH] modify style

---
 .../desktop/transactions/list/dialogs/EditDialog.vue      | 8 ++++----
 src/views/mobile/transactions/EditPage.vue                | 3 +++
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/views/desktop/transactions/list/dialogs/EditDialog.vue b/src/views/desktop/transactions/list/dialogs/EditDialog.vue
index 1eb2eaac..faef2a44 100644
--- a/src/views/desktop/transactions/list/dialogs/EditDialog.vue
+++ b/src/views/desktop/transactions/list/dialogs/EditDialog.vue
@@ -40,13 +40,13 @@
                 <div class="mb-4">
                     <v-tabs class="v-tabs-pill" direction="vertical" :class="{ 'readonly': mode !== 'add' }"
                             :disabled="loading || submitting" v-model="transaction.type">
-                        <v-tab :value="allTransactionTypes.Expense" v-if="transaction.type !== allTransactionTypes.ModifyBalance">
+                        <v-tab :value="allTransactionTypes.Expense" :disabled="mode !== 'add' && transaction.type !== allTransactionTypes.Expense" v-if="transaction.type !== allTransactionTypes.ModifyBalance">
                             <span>{{ $t('Expense') }}</span>
                         </v-tab>
-                        <v-tab :value="allTransactionTypes.Income" v-if="transaction.type !== allTransactionTypes.ModifyBalance">
+                        <v-tab :value="allTransactionTypes.Income" :disabled="mode !== 'add' && transaction.type !== allTransactionTypes.Income" v-if="transaction.type !== allTransactionTypes.ModifyBalance">
                             <span>{{ $t('Income') }}</span>
                         </v-tab>
-                        <v-tab :value="allTransactionTypes.Transfer" v-if="transaction.type !== allTransactionTypes.ModifyBalance">
+                        <v-tab :value="allTransactionTypes.Transfer" :disabled="mode !== 'add' && transaction.type !== allTransactionTypes.Transfer" v-if="transaction.type !== allTransactionTypes.ModifyBalance">
                             <span>{{ $t('Transfer') }}</span>
                         </v-tab>
                         <v-tab :value="allTransactionTypes.ModifyBalance" v-if="transaction.type === allTransactionTypes.ModifyBalance">
@@ -54,7 +54,7 @@
                         </v-tab>
                     </v-tabs>
                     <v-divider class="my-2"/>
-                    <v-tabs direction="vertical" :disabled="loading || submitting" v-model="activeTab">
+                    <v-tabs direction="vertical" :disabled="loading || submitting" :class="{ 'readonly': mode !== 'add' }" v-model="activeTab">
                         <v-tab value="basicInfo">
                             <span>{{ $t('Basic Information') }}</span>
                         </v-tab>
diff --git a/src/views/mobile/transactions/EditPage.vue b/src/views/mobile/transactions/EditPage.vue
index 387a050a..526093f3 100644
--- a/src/views/mobile/transactions/EditPage.vue
+++ b/src/views/mobile/transactions/EditPage.vue
@@ -11,12 +11,15 @@
             <f7-subnavbar>
                 <f7-segmented strong :class="{ 'readonly': mode !== 'add' }">
                     <f7-button :text="$t('Expense')" :active="transaction.type === allTransactionTypes.Expense"
+                               :disabled="mode !== 'add' && transaction.type !== allTransactionTypes.Expense"
                                v-if="transaction.type !== allTransactionTypes.ModifyBalance"
                                @click="transaction.type = allTransactionTypes.Expense"></f7-button>
                     <f7-button :text="$t('Income')" :active="transaction.type === allTransactionTypes.Income"
+                               :disabled="mode !== 'add' && transaction.type !== allTransactionTypes.Income"
                                v-if="transaction.type !== allTransactionTypes.ModifyBalance"
                                @click="transaction.type = allTransactionTypes.Income"></f7-button>
                     <f7-button :text="$t('Transfer')" :active="transaction.type === allTransactionTypes.Transfer"
+                               :disabled="mode !== 'add' && transaction.type !== allTransactionTypes.Transfer"
                                v-if="transaction.type !== allTransactionTypes.ModifyBalance"
                                @click="transaction.type = allTransactionTypes.Transfer"></f7-button>
                     <f7-button :text="$t('Modify Balance')" :active="transaction.type === allTransactionTypes.ModifyBalance"