From 4dc21b544302135b91ff6a6d561a2517f11e56e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=80=97=E5=AD=90?= <haozi@loli.email>
Date: Tue, 13 Jan 2026 19:00:46 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/page/CommonPage.vue | 9 +++++++--
 web/src/views/file/IndexView.vue       | 4 ++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/web/src/components/page/CommonPage.vue b/web/src/components/page/CommonPage.vue
index 8864df0f..747ef771 100644
--- a/web/src/components/page/CommonPage.vue
+++ b/web/src/components/page/CommonPage.vue
@@ -3,12 +3,14 @@ interface Props {
   showFooter?: boolean
   showHeader?: boolean
   title?: string
+  flex?: boolean
 }
 
 withDefaults(defineProps<Props>(), {
   showFooter: false,
   showHeader: false,
-  title: undefined
+  title: undefined,
+  flex: false
 })
 </script>
 
@@ -21,7 +23,10 @@ withDefaults(defineProps<Props>(), {
           <slot name="tabbar" />
         </n-card>
       </header>
-      <n-card class="flex-1 min-h-0 overflow-auto">
+      <n-card
+        class="flex-1 min-h-0 overflow-auto"
+        :content-class="flex ? 'flex flex-col min-h-0 h-full' : undefined"
+      >
         <slot />
       </n-card>
     </div>
diff --git a/web/src/views/file/IndexView.vue b/web/src/views/file/IndexView.vue
index 05bee921..fb34c320 100644
--- a/web/src/views/file/IndexView.vue
+++ b/web/src/views/file/IndexView.vue
@@ -24,8 +24,8 @@ const permission = ref(false)
 </script>
 
 <template>
-  <common-page show-footer>
-    <n-flex vertical :size="20" class="h-full">
+  <common-page show-footer flex>
+    <n-flex vertical :size="20" class="flex-1 min-h-0">
       <path-input
         v-model:path="fileStore.path"
         v-model:keyword="fileStore.keyword"