code refactor

2020-11-14 20:29:36 +08:00
parent ce065daa12
commit e6f90d4c22
3 changed files with 12 additions and 12 deletions
@@ -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>
@@ -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>
@@ -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>