From f9a1446ed57c94ae959c9542d0b8ed0a32392e05 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sun, 16 Jun 2024 09:48:56 +0800
Subject: [PATCH] fix login ui

---
 src/pages/login.vue | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/pages/login.vue b/src/pages/login.vue
index ff658ec6..c6173fcf 100644
--- a/src/pages/login.vue
+++ b/src/pages/login.vue
@@ -199,13 +199,12 @@ onMounted(() => {
     cover
     @load="isImageLoaded = true"
   >
+    <div
+      class="absolute inset-0"
+      style="background-image: linear-gradient(rgba(45, 55, 72, 7%) 0%, rgb(26, 32, 46) 100%)"
+    ></div>
     <div class="auth-wrapper d-flex align-center justify-center pa-4">
-      <VCard
-        class="auth-card pa-7 w-full h-full"
-        :class="isImageLoaded ? 'backdrop-blur-xl bg-white/50' : ''"
-        max-width="25rem"
-        :theme="isImageLoaded ? 'light' : ''"
-      >
+      <VCard class="auth-card pa-7 w-full h-full rounded-lg backdrop-opacity-10 opacity-80" max-width="25rem">
         <VCardItem class="justify-center mb-7">
           <template #prepend>
             <div class="d-flex pe-0">