From f03bcbdc8021a49b12b2fe1f4c21937b59c9464d Mon Sep 17 00:00:00 2001
From: asp_ly <dengqichen@iscmtech.com>
Date: Fri, 27 Dec 2024 21:12:19 +0800
Subject: [PATCH] 1

---
 frontend/src/components/ui/sidebar.tsx |  6 +++---
 frontend/src/layouts/BasicLayout.tsx   | 25 +++++++++++++++++--------
 2 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/frontend/src/components/ui/sidebar.tsx b/frontend/src/components/ui/sidebar.tsx
index 0f988e7c..f97373c6 100644
--- a/frontend/src/components/ui/sidebar.tsx
+++ b/frontend/src/components/ui/sidebar.tsx
@@ -12,8 +12,8 @@ const Sidebar = React.forwardRef<HTMLDivElement, SidebarProps>(
       <div
         ref={ref}
         className={cn(
-          "flex h-full flex-col border-r bg-background transition-all duration-300",
-          "min-w-[240px] w-60",
+          "flex flex-col border-r bg-background transition-all duration-300",
+          "min-w-[240px] w-60 h-screen",
           "dark:border-slate-700 dark:bg-slate-900",
           className
         )}
@@ -33,7 +33,7 @@ const SidebarHeader = React.forwardRef<
   <div
     ref={ref}
     className={cn(
-      "flex h-14 items-center border-b px-4",
+      "flex h-14 items-center border-b px-4 sticky top-0 z-10",
       "dark:border-slate-700 dark:bg-slate-900/50",
       "bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60",
       className
diff --git a/frontend/src/layouts/BasicLayout.tsx b/frontend/src/layouts/BasicLayout.tsx
index 044dce4d..2992d8b1 100644
--- a/frontend/src/layouts/BasicLayout.tsx
+++ b/frontend/src/layouts/BasicLayout.tsx
@@ -177,16 +177,23 @@ const BasicLayout: React.FC = () => {
     }
 
     return (
-        <Layout style={{minHeight: '100vh', display: 'flex', flexDirection: 'row'}}>
+        <Layout style={{
+            height: '100vh',
+            display: 'flex',
+            flexDirection: 'row',
+            overflow: 'hidden'
+        }}>
             <AppMenu openKeys={openKeys} onOpenChange={handleOpenChange} />
-            <Layout style={{flex: 1, overflow: 'hidden'}}>
+            <Layout style={{flex: 1, overflow: 'hidden', display: 'flex', flexDirection: 'column'}}>
                 <Header style={{
                     padding: '0 24px',
                     background: '#fff',
                     display: 'flex',
                     justifyContent: 'flex-end',
                     alignItems: 'center',
-                    boxShadow: '0 1px 4px rgba(0,21,41,.08)'
+                    boxShadow: '0 1px 4px rgba(0,21,41,.08)',
+                    height: 64,
+                    flexShrink: 0
                 }}>
                     <Space size={24}>
                         <Space size={16}>
@@ -220,11 +227,13 @@ const BasicLayout: React.FC = () => {
                     </Space>
                 </Header>
                 <Content style={{
-                    margin: '24px 16px', 
-                    padding: 24, 
-                    background: '#fff', 
-                    minHeight: 280,
-                    overflow: 'auto'
+                    margin: '24px 16px',
+                    padding: 24,
+                    background: '#fff',
+                    flex: 1,
+                    overflow: 'auto',
+                    display: 'flex',
+                    flexDirection: 'column'
                 }}>
                     <Outlet/>
                 </Content>