From 7a7bd7bd4f09bf300c46a08fed815321032cc27e 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 18:46:13 +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

---
 config.example.yml                     |  2 +-
 web/src/components/page/CommonPage.vue | 30 ++------------------------
 web/src/layout/AppMain.vue             |  2 +-
 web/src/layout/IndexView.vue           |  2 +-
 4 files changed, 5 insertions(+), 31 deletions(-)

diff --git a/config.example.yml b/config.example.yml
index 9f2970c4..43b11897 100644
--- a/config.example.yml
+++ b/config.example.yml
@@ -10,7 +10,7 @@ http:
   debug: false
   port: 8888
   entrance: /
-  entrance_error: ""
+  entrance_error: "418"
   tls: true
   acme: true
   login_captcha: true
diff --git a/web/src/components/page/CommonPage.vue b/web/src/components/page/CommonPage.vue
index b09a085b..8864df0f 100644
--- a/web/src/components/page/CommonPage.vue
+++ b/web/src/components/page/CommonPage.vue
@@ -14,42 +14,16 @@ withDefaults(defineProps<Props>(), {
 
 <template>
   <app-page :show-footer="showFooter">
-    <div class="flex flex-col gap-10 flex-1 min-h-0">
+    <div class="flex flex-col flex-1 gap-10 min-h-0">
       <header v-if="showHeader">
         <slot v-if="$slots.header" name="header" />
         <n-card v-else size="small">
           <slot name="tabbar" />
         </n-card>
       </header>
-      <n-card class="main-card flex-1 min-h-0">
+      <n-card class="flex-1 min-h-0 overflow-auto">
         <slot />
       </n-card>
     </div>
   </app-page>
 </template>
-
-<style scoped lang="scss">
-.main-card {
-  display: flex;
-  flex-direction: column;
-
-  :deep(.n-card__content) {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    min-height: 0;
-
-    // n-flex vertical 填满
-    > .n-flex {
-      flex: 1;
-      min-height: 0;
-    }
-
-    // n-data-table 填满
-    .n-data-table {
-      flex: 1;
-      min-height: 0;
-    }
-  }
-}
-</style>
diff --git a/web/src/layout/AppMain.vue b/web/src/layout/AppMain.vue
index f46d00a1..57794410 100644
--- a/web/src/layout/AppMain.vue
+++ b/web/src/layout/AppMain.vue
@@ -9,7 +9,7 @@ const keepAliveNames = computed(() => {
 </script>
 
 <template>
-  <div class="wh-full">
+  <div class="flex flex-col wh-full">
     <router-view v-slot="{ Component, route }">
       <keep-alive :include="keepAliveNames">
         <component :is="Component" v-if="!tabStore.reloading" :key="route.path" />
diff --git a/web/src/layout/IndexView.vue b/web/src/layout/IndexView.vue
index b64797eb..a8f0294f 100644
--- a/web/src/layout/IndexView.vue
+++ b/web/src/layout/IndexView.vue
@@ -48,7 +48,7 @@ const themeStore = useThemeStore()
       >
         <app-header />
       </header>
-      <section bg="#f5f6fb" flex-1 overflow-hidden dark:bg-hex-101014>
+      <section bg="#f5f6fb" flex flex-col flex-1 overflow-hidden dark:bg-hex-101014>
         <app-main />
       </section>
     </article>