收口 Makelore 客户端变更

src/pages/Home/index.tsx

@@ -6,6 +6,7 @@ import { Badge } from '@/components/ui/badge';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';
+import { DisclosureContent } from '@/components/ui/disclosure';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import {
   CollaborationProject,
@@ -259,19 +260,17 @@ export function Home() {
               <Button variant="outline" size="sm" onClick={() => setShowInactive(!showInactive)}>
                 {showInactive ? '收起不活跃项目' : `展开不活跃项目 (${visibleGroups.inactive.length})`}
               </Button>
-              {showInactive ? (
-                <div className="mt-3 grid gap-3 xl:grid-cols-2">
-                  {visibleGroups.inactive.map((project) => (
-                    <ProjectCard
-                      key={project.id}
-                      project={project}
-                      onOpen={() => openProject(project)}
-                      onArchive={() => archiveProject(project.id)}
-                      onRestore={() => restoreProject(project.id)}
-                    />
-                  ))}
-                </div>
-              ) : null}
+              <DisclosureContent open={showInactive} className="mt-3" innerClassName="grid gap-3 xl:grid-cols-2">
+                {visibleGroups.inactive.map((project) => (
+                  <ProjectCard
+                    key={project.id}
+                    project={project}
+                    onOpen={() => openProject(project)}
+                    onArchive={() => archiveProject(project.id)}
+                    onRestore={() => restoreProject(project.id)}
+                  />
+                ))}
+              </DisclosureContent>
             </div>
           ) : null}
         </TabsContent>