From a59baf2f9f6dead123e010bbe5cec3711787079e Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sat, 19 Dec 2020 01:22:37 +0800
Subject: [PATCH] optimize ui

---
 src/views/mobile/Login.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/views/mobile/Login.vue b/src/views/mobile/Login.vue
index b569d957..89970895 100644
--- a/src/views/mobile/Login.vue
+++ b/src/views/mobile/Login.vue
@@ -66,7 +66,7 @@
                     <div style="font-size: 18px"><b>{{ $t('Two-Factor Authentication') }}</b></div>
                 </div>
                 <div class="padding-horizontal padding-bottom">
-                    <f7-list form no-hairlines class="no-margin-top margin-bottom">
+                    <f7-list no-hairlines class="no-margin-top margin-bottom">
                         <f7-list-input
                             type="number"
                             autocomplete="one-time-code"
@@ -76,6 +76,7 @@
                             :placeholder="$t('Passcode')"
                             :value="passcode"
                             @input="passcode = $event.target.value"
+                            @keyup.enter.native="verify"
                         ></f7-list-input>
                         <f7-list-input
                             outline
@@ -84,6 +85,7 @@
                             :placeholder="$t('Backup Code')"
                             :value="backupCode"
                             @input="backupCode = $event.target.value"
+                            @keyup.enter.native="verify"
                         ></f7-list-input>
                     </f7-list>
                     <f7-button large fill :class="{ 'disabled': twoFAInputIsEmpty || verifying }" :text="$t('Verify')" @click="verify"></f7-button>
@@ -240,6 +242,10 @@ export default {
             const self = this;
             const router = self.$f7router;
 
+            if (self.twoFAInputIsEmpty || self.verifying) {
+                return;
+            }
+
             if (this.twoFAVerifyType === 'passcode' && !this.passcode) {
                 self.$alert('Passcode cannot be empty');
                 return;