From 74d10361d2178e9f1dd7e7c13147ca295cd75ec4 Mon Sep 17 00:00:00 2001
From: Jeff Gu <idevs@foxmail.com>
Date: Sun, 12 Apr 2026 17:52:23 +0800
Subject: [PATCH] =?UTF-8?q?style(layout):=20=E4=BC=98=E5=8C=96=20AppLayout?=
 =?UTF-8?q?=20=E5=92=8C=20Channels=20=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/layout/AppLayout.tsx | 10 +++++-----
 frontend/src/pages/Channels.tsx              |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/layout/AppLayout.tsx b/frontend/src/components/layout/AppLayout.tsx
index 9fa7484..cd6a605 100644
--- a/frontend/src/components/layout/AppLayout.tsx
+++ b/frontend/src/components/layout/AppLayout.tsx
@@ -50,10 +50,10 @@ export function AppLayout({ children }: AppLayoutProps) {
   }
 
   return (
-    <div className="flex h-screen overflow-hidden">
+    <div className="flex">
       {isAuthenticated && !isAuthLoading && (
         <Sidebar
-          className="hidden lg:flex"
+          className="hidden lg:flex sticky top-0 h-screen overflow-hidden"
           collapsed={isSidebarCollapsed}
           onToggleCollapse={() => setIsSidebarCollapsed((prev) => !prev)}
           showCollapseToggle
@@ -62,7 +62,7 @@ export function AppLayout({ children }: AppLayoutProps) {
 
       <div className="flex min-w-0 flex-1 flex-col">
         {isAuthenticated && !isAuthLoading && (
-          <header className="flex items-center justify-between border-b bg-card/80 glass px-4 py-2.5 lg:hidden sticky top-0 z-30">
+          <header className="flex items-center justify-between border-b bg-card/80 backdrop-blur-sm px-4 py-2.5 lg:hidden sticky top-0 z-30">
             <Button
               type="button"
               variant="ghost"
@@ -83,7 +83,7 @@ export function AppLayout({ children }: AppLayoutProps) {
           </header>
         )}
 
-        <main className="flex-1 overflow-y-auto bg-background gradient-mesh grid-pattern">
+        <main className="flex-1 bg-background gradient-mesh grid-pattern">
           <div className="mx-auto max-w-7xl w-full">
             {children}
           </div>
@@ -96,7 +96,7 @@ export function AppLayout({ children }: AppLayoutProps) {
             className="absolute inset-0 bg-black/50 backdrop-blur-sm"
             onClick={() => setIsMobileNavOpen(false)}
           />
-          <div className="absolute inset-y-0 left-0 w-72 max-w-[85%] shadow-2xl">
+          <div className="absolute inset-y-0 left-0 shadow-2xl">
             <Sidebar
               onNavigate={() => setIsMobileNavOpen(false)}
               onClose={() => setIsMobileNavOpen(false)}
diff --git a/frontend/src/pages/Channels.tsx b/frontend/src/pages/Channels.tsx
index 52dd2b8..3bb371c 100644
--- a/frontend/src/pages/Channels.tsx
+++ b/frontend/src/pages/Channels.tsx
@@ -1007,7 +1007,7 @@ export function Channels({ createMode = false, editRoute = false }: { createMode
                 const modelCount = (config.models || []).length;
                 const enabledModelCount = (config.models || []).filter((model) => model.enabled !== false).length;
                 const modelSummary =
-                  enabledModelCount === modelCount ? `${modelCount} 个模型` : `${enabledModelCount}/${modelCount} 启用`;
+                  enabledModelCount === modelCount ? `${modelCount} 个模型` : `${enabledModelCount}/${modelCount} 个模型`;
                 const isMenuOpen = openMenu === channel.key;
                 const isEnabled = config.enabled !== false;
                 const isToggling =