From 913e1728e0c9658a1eb95f6d66482d45eb020573 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sat, 19 Apr 2025 07:54:44 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=20FileList=20=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E7=9A=84=E7=BB=93=E6=9E=84=EF=BC=8C=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E6=90=9C=E7=B4=A2=E6=A1=86=E6=A0=B7=E5=BC=8F=E5=92=8C=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E6=B8=B2=E6=9F=93=E6=96=B9=E5=BC=8F=EF=BC=8C=E6=8F=90?=
 =?UTF-8?q?=E5=8D=87=E7=94=A8=E6=88=B7=E4=BD=93=E9=AA=8C=E3=80=82=E5=90=8C?=
 =?UTF-8?q?=E6=97=B6=EF=BC=8C=E4=BF=AE=E5=A4=8D=E6=A0=B7=E5=BC=8F=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E4=B8=AD=E5=8D=A1=E7=89=87=E5=92=8C=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E7=9A=84=E8=83=8C=E6=99=AF=E8=AE=BE=E7=BD=AE=EF=BC=8C=E7=A1=AE?=
 =?UTF-8?q?=E4=BF=9D=E5=9C=A8=E4=B8=8D=E5=90=8C=E4=B8=BB=E9=A2=98=E4=B8=8B?=
 =?UTF-8?q?=E7=9A=84=E6=98=BE=E7=A4=BA=E6=95=88=E6=9E=9C=E4=B8=80=E8=87=B4?=
 =?UTF-8?q?=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/filebrowser/FileList.vue |  6 +++---
 src/styles/styles.scss                  | 20 ++++++++++++--------
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/components/filebrowser/FileList.vue b/src/components/filebrowser/FileList.vue
index 47467b17..cb7ad0bc 100644
--- a/src/components/filebrowser/FileList.vue
+++ b/src/components/filebrowser/FileList.vue
@@ -559,7 +559,7 @@ onMounted(() => {
         hide-details
         flat
         density="compact"
-        variant="tonal"
+        variant="plain"
         placeholder="搜索 ..."
         prepend-inner-icon="mdi-filter-outline"
         class="me-2"
@@ -616,7 +616,7 @@ onMounted(() => {
     </VCardText>
     <!-- 目录和文件列表 -->
     <VCardText v-else-if="dirs.length || files.length" class="p-0">
-      <div class="text-high-emphasis">
+      <VList class="text-high-emphasis">
         <VVirtualScroll :items="[...dirs, ...files]" :style="listStyle">
           <template #default="{ item }">
             <VHover>
@@ -678,7 +678,7 @@ onMounted(() => {
             </VHover>
           </template>
         </VVirtualScroll>
-      </div>
+      </VList>
     </VCardText>
     <VCardText v-else-if="filter" class="grow d-flex justify-center align-center grey--text py-5">
       没有目录或文件
diff --git a/src/styles/styles.scss b/src/styles/styles.scss
index e5d18bc9..998b2bc6 100644
--- a/src/styles/styles.scss
+++ b/src/styles/styles.scss
@@ -335,12 +335,6 @@ html.v-overlay-scroll-blocked {
   .navbar-blur::after {
     background: transparent;
   }
-  
-  // 卡片
-  .v-card:not(.no-blur) {
-    backdrop-filter: blur(10px);
-    background-color: rgba(var(--v-theme-surface), 0.3);
-  }
 
   // 列表
   .v-list {
@@ -348,6 +342,16 @@ html.v-overlay-scroll-blocked {
     background-color: rgba(var(--v-theme-surface), 0.3);
   }
   
+  // 卡片
+  .v-card:not(.no-blur) {
+    backdrop-filter: blur(10px);
+    background-color: rgba(var(--v-theme-surface), 0.3);
+
+    .v-list {
+      background-color: transparent;
+      backdrop-filter: none;
+    }
+  }
   // 工具栏
   .v-toolbar {
     backdrop-filter: blur(10px);
@@ -392,12 +396,12 @@ html[data-theme="transparent"] {
   .v-overlay__content {
     backdrop-filter: blur(10px) !important;    
 
-    .v-card:not(.bg-primary) {
+    .v-list {
       backdrop-filter: blur(10px);
       background-color: rgb(var(--v-theme-surface), 0.5) !important;
     }
 
-    .v-list {
+    .v-card:not(.bg-primary) {
       backdrop-filter: blur(10px);
       background-color: rgb(var(--v-theme-surface), 0.5) !important;
     }