From e6f90d4c222508d0dad7e2e81a2404861a8f120f Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sat, 14 Nov 2020 20:29:36 +0800
Subject: [PATCH] code refactor

---
 src/views/mobile/Login.vue               |  4 ++--
 src/views/mobile/users/TwoFactorAuth.vue | 16 ++++++++--------
 src/views/mobile/users/UserProfile.vue   |  4 ++--
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/views/mobile/Login.vue b/src/views/mobile/Login.vue
index d8a4f793..ef157b62 100644
--- a/src/views/mobile/Login.vue
+++ b/src/views/mobile/Login.vue
@@ -56,7 +56,7 @@
             style="height:auto"
             :opened="show2faSheet" @sheet:closed="show2faSheet = false"
         >
-            <div>
+            <f7-page-content>
                 <div class="display-flex padding justify-content-space-between align-items-center">
                     <div style="font-size: 18px"><b v-t="'Two-Factor Authentication'"></b></div>
                 </div>
@@ -85,7 +85,7 @@
                         <f7-link @click="switch2FAVerifyType" :text="$t(twoFAVerifyTypeSwitchName)"></f7-link>
                     </div>
                 </div>
-            </div>
+            </f7-page-content>
         </f7-sheet>
     </f7-page>
 </template>
diff --git a/src/views/mobile/users/TwoFactorAuth.vue b/src/views/mobile/users/TwoFactorAuth.vue
index 811ffa89..fc9e924f 100644
--- a/src/views/mobile/users/TwoFactorAuth.vue
+++ b/src/views/mobile/users/TwoFactorAuth.vue
@@ -34,7 +34,7 @@
             style="height:auto;"
             :opened="showInputPasscodeSheetForEnable" @sheet:closed="showInputPasscodeSheetForEnable = false; currentPasscodeForEnable = ''"
         >
-            <div>
+            <f7-page-content>
                 <div class="display-flex padding justify-content-space-between align-items-center">
                     <div style="font-size: 18px"><b v-t="'Passcode'"></b></div>
                 </div>
@@ -60,14 +60,14 @@
                         <f7-link :class="{ 'disabled': enableConfirming }" @click="showInputPasscodeSheetForEnable = false" :text="$t('Cancel')"></f7-link>
                     </div>
                 </div>
-            </div>
+            </f7-page-content>
         </f7-sheet>
 
         <f7-sheet
             style="height:auto"
             :opened="showInputPasswordSheetForDisable" @sheet:closed="showInputPasswordSheetForDisable = false; currentPasswordForDisable = ''"
         >
-            <div>
+            <f7-page-content>
                 <div class="display-flex padding justify-content-space-between align-items-center">
                     <div style="font-size: 18px"><b v-t="'Current Password'"></b></div>
                 </div>
@@ -88,14 +88,14 @@
                         <f7-link :class="{ 'disabled': disabling }" @click="showInputPasswordSheetForDisable = false" :text="$t('Cancel')"></f7-link>
                     </div>
                 </div>
-            </div>
+            </f7-page-content>
         </f7-sheet>
 
         <f7-sheet
             style="height:auto"
             :opened="showInputPasswordSheetForRegenerate" @sheet:closed="showInputPasswordSheetForRegenerate = false; currentPasswordForRegenerate= ''"
         >
-            <div>
+            <f7-page-content>
                 <div class="display-flex padding justify-content-space-between align-items-center">
                     <div style="font-size: 18px"><b v-t="'Current Password'"></b></div>
                 </div>
@@ -116,14 +116,14 @@
                         <f7-link :class="{ 'disabled': regenerating }" @click="showInputPasswordSheetForRegenerate = false" :text="$t('Cancel')"></f7-link>
                     </div>
                 </div>
-            </div>
+            </f7-page-content>
         </f7-sheet>
 
         <f7-sheet
             style="height:auto"
             :opened="showBackupCodeSheet" @sheet:closed="showBackupCodeSheet = false; currentBackupCode = ''"
         >
-            <div>
+            <f7-page-content>
                 <div class="display-flex padding justify-content-space-between align-items-center">
                     <div style="font-size: 18px"><b v-t="'Backup Code'"></b></div>
                 </div>
@@ -138,7 +138,7 @@
                         <f7-link @click="showBackupCodeSheet = false" :text="$t('Close')"></f7-link>
                     </div>
                 </div>
-            </div>
+            </f7-page-content>
         </f7-sheet>
     </f7-page>
 </template>
diff --git a/src/views/mobile/users/UserProfile.vue b/src/views/mobile/users/UserProfile.vue
index 2c7f5a77..9369752b 100644
--- a/src/views/mobile/users/UserProfile.vue
+++ b/src/views/mobile/users/UserProfile.vue
@@ -79,7 +79,7 @@
             style="height:auto"
             :opened="showInputPasswordSheet" @sheet:closed="showInputPasswordSheet = false"
         >
-            <div>
+            <f7-page-content>
                 <div class="display-flex padding justify-content-space-between align-items-center">
                     <div style="font-size: 18px"><b v-t="'Current Password'"></b></div>
                 </div>
@@ -97,7 +97,7 @@
                     </f7-list>
                     <f7-button large fill :class="{ 'disabled': !currentPassword || saving }" :text="$t('Continue')" @click="save"></f7-button>
                 </div>
-            </div>
+            </f7-page-content>
         </f7-sheet>
     </f7-page>
 </template>