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

set the color of input and confirm button to red in password input sheet when clear user data

Browse Source
This commit is contained in:
MaysWind
2023-06-03 19:53:58 +08:00
parent 736f340979
commit 0c3b56e44a
2 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/mobile/PasswordInputSheet.vue
+3
View File
@@ -16,6 +16,7 @@
floating-label floating-label
clear-button clear-button
class="no-margin no-padding-bottom" class="no-margin no-padding-bottom"
:class="color ? 'color-' + color : ''"
:label="$t('Current Password')" :label="$t('Current Password')"
:placeholder="$t('Current Password')" :placeholder="$t('Current Password')"
v-model:value="currentPassword" v-model:value="currentPassword"
@@ -24,6 +25,7 @@
</f7-list> </f7-list>
<f7-button large fill <f7-button large fill
:class="{ 'disabled': !currentPassword || confirmDisabled }" :class="{ 'disabled': !currentPassword || confirmDisabled }"
:color="color || 'primary'"
:text="$t('Continue')" :text="$t('Continue')"
@click="confirm"> @click="confirm">
</f7-button> </f7-button>
@@ -41,6 +43,7 @@ export default {
'modelValue', 'modelValue',
'title', 'title',
'hint', 'hint',
'color',
'confirmDisabled', 'confirmDisabled',
'cancelDisabled', 'cancelDisabled',
'show' 'show'
src/views/mobile/users/DataManagementPage.vue
+1
View File
@@ -47,6 +47,7 @@
:hint="$t('You CANNOT undo this action. This will clear your accounts, categories, tags and transactions data. Please input your current password to confirm.')" :hint="$t('You CANNOT undo this action. This will clear your accounts, categories, tags and transactions data. Please input your current password to confirm.')"
:confirm-disabled="clearingData" :confirm-disabled="clearingData"
:cancel-disabled="clearingData" :cancel-disabled="clearingData"
color="red"
v-model:show="showInputPasswordSheetForClearData" v-model:show="showInputPasswordSheetForClearData"
v-model="currentPasswordForClearData" v-model="currentPasswordForClearData"
@password:confirm="clearData"> @password:confirm="clearData">