modify style
This commit is contained in:
@@ -40,13 +40,13 @@
|
|||||||
<div class="mb-4">
|
<div class="mb-4">
|
||||||
<v-tabs class="v-tabs-pill" direction="vertical" :class="{ 'readonly': mode !== 'add' }"
|
<v-tabs class="v-tabs-pill" direction="vertical" :class="{ 'readonly': mode !== 'add' }"
|
||||||
:disabled="loading || submitting" v-model="transaction.type">
|
: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>
|
<span>{{ $t('Expense') }}</span>
|
||||||
</v-tab>
|
</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>
|
<span>{{ $t('Income') }}</span>
|
||||||
</v-tab>
|
</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>
|
<span>{{ $t('Transfer') }}</span>
|
||||||
</v-tab>
|
</v-tab>
|
||||||
<v-tab :value="allTransactionTypes.ModifyBalance" v-if="transaction.type === allTransactionTypes.ModifyBalance">
|
<v-tab :value="allTransactionTypes.ModifyBalance" v-if="transaction.type === allTransactionTypes.ModifyBalance">
|
||||||
@@ -54,7 +54,7 @@
|
|||||||
</v-tab>
|
</v-tab>
|
||||||
</v-tabs>
|
</v-tabs>
|
||||||
<v-divider class="my-2"/>
|
<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">
|
<v-tab value="basicInfo">
|
||||||
<span>{{ $t('Basic Information') }}</span>
|
<span>{{ $t('Basic Information') }}</span>
|
||||||
</v-tab>
|
</v-tab>
|
||||||
|
|||||||
@@ -11,12 +11,15 @@
|
|||||||
<f7-subnavbar>
|
<f7-subnavbar>
|
||||||
<f7-segmented strong :class="{ 'readonly': mode !== 'add' }">
|
<f7-segmented strong :class="{ 'readonly': mode !== 'add' }">
|
||||||
<f7-button :text="$t('Expense')" :active="transaction.type === allTransactionTypes.Expense"
|
<f7-button :text="$t('Expense')" :active="transaction.type === allTransactionTypes.Expense"
|
||||||
|
:disabled="mode !== 'add' && transaction.type !== allTransactionTypes.Expense"
|
||||||
v-if="transaction.type !== allTransactionTypes.ModifyBalance"
|
v-if="transaction.type !== allTransactionTypes.ModifyBalance"
|
||||||
@click="transaction.type = allTransactionTypes.Expense"></f7-button>
|
@click="transaction.type = allTransactionTypes.Expense"></f7-button>
|
||||||
<f7-button :text="$t('Income')" :active="transaction.type === allTransactionTypes.Income"
|
<f7-button :text="$t('Income')" :active="transaction.type === allTransactionTypes.Income"
|
||||||
|
:disabled="mode !== 'add' && transaction.type !== allTransactionTypes.Income"
|
||||||
v-if="transaction.type !== allTransactionTypes.ModifyBalance"
|
v-if="transaction.type !== allTransactionTypes.ModifyBalance"
|
||||||
@click="transaction.type = allTransactionTypes.Income"></f7-button>
|
@click="transaction.type = allTransactionTypes.Income"></f7-button>
|
||||||
<f7-button :text="$t('Transfer')" :active="transaction.type === allTransactionTypes.Transfer"
|
<f7-button :text="$t('Transfer')" :active="transaction.type === allTransactionTypes.Transfer"
|
||||||
|
:disabled="mode !== 'add' && transaction.type !== allTransactionTypes.Transfer"
|
||||||
v-if="transaction.type !== allTransactionTypes.ModifyBalance"
|
v-if="transaction.type !== allTransactionTypes.ModifyBalance"
|
||||||
@click="transaction.type = allTransactionTypes.Transfer"></f7-button>
|
@click="transaction.type = allTransactionTypes.Transfer"></f7-button>
|
||||||
<f7-button :text="$t('Modify Balance')" :active="transaction.type === allTransactionTypes.ModifyBalance"
|
<f7-button :text="$t('Modify Balance')" :active="transaction.type === allTransactionTypes.ModifyBalance"
|
||||||
|
|||||||
Reference in New Issue
Block a user