From c81c85a41a5c5b571d064fcf0a769b7f0af0ae90 Mon Sep 17 00:00:00 2001
From: Lan <hhxk666@gmail.com>
Date: Wed, 3 Jun 2026 10:43:34 +0800
Subject: [PATCH] fix: prevent duplicate admin scrollbars

---
 src/layout/AdminLayout/AdminLayout.vue  | 6 +++---
 src/views/manage/DashboardView.vue      | 2 +-
 src/views/manage/FileManageView.vue     | 2 +-
 src/views/manage/SystemSettingsView.vue | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/layout/AdminLayout/AdminLayout.vue b/src/layout/AdminLayout/AdminLayout.vue
index 24c3a7d..11bc34b 100644
--- a/src/layout/AdminLayout/AdminLayout.vue
+++ b/src/layout/AdminLayout/AdminLayout.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="h-screen flex flex-col lg:flex-row transition-colors duration-300"
+    class="flex h-screen overflow-hidden flex-col transition-colors duration-300 lg:flex-row"
     :class="[isDarkMode ? 'bg-gray-900' : 'bg-gray-50']"
   >
     <!-- Sidebar -->
@@ -82,7 +82,7 @@
     </aside>
 
     <!-- Main Content -->
-    <div class="flex-1 flex flex-col h-full">
+    <div class="flex h-full min-h-0 flex-1 flex-col">
       <!-- Header -->
       <header
         class="shadow-md border-b transition-colors duration-300 h-16"
@@ -97,7 +97,7 @@
 
       <!-- Content -->
       <main
-        class="overflow-y-auto transition-colors duration-300 custom-scrollbar"
+        class="min-h-0 flex-1 overflow-y-auto transition-colors duration-300 custom-scrollbar"
         :class="[isDarkMode ? 'bg-gray-900' : 'bg-gray-50']"
       >
         <router-view />
diff --git a/src/views/manage/DashboardView.vue b/src/views/manage/DashboardView.vue
index 12842d7..cbc4df0 100644
--- a/src/views/manage/DashboardView.vue
+++ b/src/views/manage/DashboardView.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="p-6 overflow-y-auto custom-scrollbar">
+  <div class="p-6">
     <div class="mb-6 flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between">
       <div>
         <p class="text-sm" :class="[mutedTextClass]">FileCodeBox Admin</p>
diff --git a/src/views/manage/FileManageView.vue b/src/views/manage/FileManageView.vue
index 2fad4c3..795c101 100644
--- a/src/views/manage/FileManageView.vue
+++ b/src/views/manage/FileManageView.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="p-6 overflow-y-auto custom-scrollbar">
+  <div class="p-6">
     <div class="mb-6 flex flex-col gap-3 lg:flex-row lg:items-end lg:justify-between">
       <div>
         <h2 class="text-2xl font-bold" :class="[primaryTextClass]">
diff --git a/src/views/manage/SystemSettingsView.vue b/src/views/manage/SystemSettingsView.vue
index 317ed4c..2b64fd7 100644
--- a/src/views/manage/SystemSettingsView.vue
+++ b/src/views/manage/SystemSettingsView.vue
@@ -29,7 +29,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="p-6 h-screen overflow-y-auto custom-scrollbar">
+  <div class="p-6">
     <div
       class="sticky top-0 z-20 -mx-6 -mt-6 mb-6 border-b px-6 py-4 backdrop-blur"
       :class="[isDarkMode ? 'border-gray-700 bg-gray-900/85' : 'border-gray-200 bg-gray-50/90']"