增加修改和删除功能

life-script/src/pages/DashboardPage.jsx

@@ -40,23 +40,23 @@ const DashboardPage = () => {
   };
 
   return (
-    <>
-      {/* 头部 */}
-      <Header 
-        showNav 
-        onProfileClick={() => setIsProfileOpen(true)} 
+    <div className="flex flex-col h-screen max-h-screen overflow-hidden">
+      {/* 头部 - 固定高度 */}
+      <Header
+        showNav
+        onProfileClick={() => setIsProfileOpen(true)}
       />
 
-      {/* 主内容区 */}
-      <div className="glass-card w-full h-full overflow-hidden">
+      {/* 主内容区 - 占据剩余高度 */}
+      <div className="glass-card flex-1 overflow-hidden">
         <div className="grid grid-cols-1 md:grid-cols-12 h-full">
-          {/* 侧边栏 */}
-          <Sidebar 
-            activeView={activeView} 
-            onViewChange={handleViewChange} 
+          {/* 侧边栏 - 固定不滚动 */}
+          <Sidebar
+            activeView={activeView}
+            onViewChange={handleViewChange}
           />
 
-          {/* 内容区 */}
+          {/* 内容区 - 独立滚动 */}
           <section className="md:col-span-9 p-8 overflow-y-auto custom-scrollbar relative">
             <AnimatePresence mode="wait">
               <motion.div
@@ -65,7 +65,6 @@ const DashboardPage = () => {
                 animate={{ opacity: 1, y: 0 }}
                 exit={{ opacity: 0, y: -10 }}
                 transition={{ duration: 0.3, ease: 'easeOut' }}
-                className="h-full"
               >
                 {renderView()}
               </motion.div>
@@ -75,11 +74,11 @@ const DashboardPage = () => {
       </div>
 
       {/* 用户资料模态框 */}
-      <ProfileModal 
-        isOpen={isProfileOpen} 
-        onClose={() => setIsProfileOpen(false)} 
+      <ProfileModal
+        isOpen={isProfileOpen}
+        onClose={() => setIsProfileOpen(false)}
       />
-    </>
+    </div>
   );
 };