From 9ee59215c8b40f98ea05401fe97f7d70f696f169 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sat, 26 Aug 2023 22:47:30 +0800
Subject: [PATCH] code refactor

---
 src/views/desktop/LoginPage.vue  | 4 ++--
 src/views/desktop/UnlockPage.vue | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/desktop/LoginPage.vue b/src/views/desktop/LoginPage.vue
index db3162a6..3fef2441 100644
--- a/src/views/desktop/LoginPage.vue
+++ b/src/views/desktop/LoginPage.vue
@@ -20,7 +20,7 @@
             </v-col>
             <v-col cols="12" md="4" class="auth-card d-flex flex-column">
                 <div class="d-flex align-center justify-center h-100">
-                    <v-card variant="flat" class="mt-0 px-4 pt-12" max-width="500">
+                    <v-card variant="flat" class="w-100 mt-0 px-4 pt-12" max-width="500">
                         <v-card-text>
                             <h5 class="text-h5 mb-3">{{ $t('Welcome to ezBookkeeping') }}</h5>
                             <p class="mb-0">{{ $t('Please log in with your ezBookkeeping account') }}</p>
@@ -125,7 +125,7 @@
                 </div>
                 <v-spacer/>
                 <div class="d-flex align-center justify-center">
-                    <v-card variant="flat" class="px-4 pb-4" max-width="500">
+                    <v-card variant="flat" class="w-100 px-4 pb-4" max-width="500">
                         <v-card-text class="pt-0">
                             <v-row>
                                 <v-col cols="12" class="text-center">
diff --git a/src/views/desktop/UnlockPage.vue b/src/views/desktop/UnlockPage.vue
index 7f49b3d1..5b70ca40 100644
--- a/src/views/desktop/UnlockPage.vue
+++ b/src/views/desktop/UnlockPage.vue
@@ -20,7 +20,7 @@
             </v-col>
             <v-col cols="12" md="4" class="auth-card d-flex flex-column">
                 <div class="d-flex align-center justify-center h-100">
-                    <v-card variant="flat" class="mt-0 px-4 pt-12" max-width="500">
+                    <v-card variant="flat" class="w-100 mt-0 px-4 pt-12" max-width="500">
                         <v-card-text>
                             <h5 class="text-h5 mb-3">{{ $t('Unlock Application') }}</h5>
                             <p class="mb-0" v-if="isWebAuthnAvailable">{{ $t('Please input your PIN code or use WebAuthn to unlock application') }}</p>
@@ -64,7 +64,7 @@
                 </div>
                 <v-spacer/>
                 <div class="d-flex align-center justify-center">
-                    <v-card variant="flat" class="px-4 pb-4" max-width="500">
+                    <v-card variant="flat" class="w-100 px-4 pb-4" max-width="500">
                         <v-card-text class="pt-0">
                             <v-row>
                                 <v-col cols="12" class="text-center">