修复主窗口右侧有滚动条的问题

Signed-off-by: gfdgd_xi <3025613752@qq.com>

src/App.vue

@@ -2,11 +2,11 @@
   <SubmitterWindow v-if="isSubmitterView" />
   <div
     v-else
-    class="flex min-h-screen flex-col bg-slate-50 text-slate-900 transition-colors duration-300 dark:bg-slate-950 dark:text-slate-100"
+    class="flex h-screen flex-col overflow-hidden bg-slate-50 text-slate-900 transition-colors duration-300 dark:bg-slate-950 dark:text-slate-100"
   >
     <WindowTitleBar />
 
-    <div class="flex flex-1 flex-col lg:flex-row">
+    <div class="flex min-h-0 flex-1 flex-col lg:flex-row">
       <!-- 移动端侧边栏遮罩 -->
       <div
         v-if="isSidebarOpen"
@@ -45,7 +45,7 @@
         />
       </aside>
 
-      <main class="flex-1">
+      <main class="h-full min-h-0 flex-1">
         <div
           class="sticky top-10 z-30 border-b border-slate-200/70 bg-slate-50/95 px-4 py-4 backdrop-blur lg:px-10 dark:border-slate-800/70 dark:bg-slate-950/95"
         >
@@ -86,6 +86,7 @@
             @open-detail="openDetail"
           />
           <template v-else-if="activeTab === 'home'">
+            <div class="max-h-[calc(100vh-8rem)] overflow-y-auto pr-2 scrollbar-nowidth">
               <HomeView
                 :links="homeLinks"
                 :lists="homeLists"
@@ -94,6 +95,7 @@
                 :store-filter="storeFilter"
                 @open-detail="openDetail"
               />
+            </div>
           </template>
           <template v-else>
             <AppGrid

src/assets/css/appstyle.css

@@ -27,6 +27,7 @@
     background-color: var(--color-surface-light);
     color: #0f172a;
     min-height: 100vh;
+    overflow: hidden;
   }
 
   :root.dark body {