0.2.0.2

app/timeline/page.tsx

@@ -520,16 +520,16 @@ export default function TimelinePage() {
   }
 
   return (
-    <div className="min-h-screen bg-background flex flex-col font-sans">
+    <div className="h-screen bg-background flex flex-col font-sans overflow-hidden">
       <SiteHeader />
-      <main className="container mx-auto py-8 px-4 md:px-6 flex-1">
-        <div className="mb-8">
+      <main className="container mx-auto py-8 px-4 md:px-6 flex-1 flex flex-col overflow-hidden">
+        <div className="mb-8 flex-shrink-0">
           <h1 className="text-3xl font-serif font-bold mb-2">家族历史</h1>
           <p className="text-muted-foreground">纵览家族发展的时间脉络与迁徙足迹。</p>
         </div>
 
-        <Tabs defaultValue="timeline" className="w-full">
-          <TabsList className="mb-6 w-full md:w-auto">
+        <Tabs defaultValue="timeline" className="w-full flex-1 flex flex-col overflow-hidden">
+          <TabsList className="mb-6 w-full md:w-auto flex-shrink-0">
             <TabsTrigger value="timeline" className="flex items-center gap-2">
               <Clock className="h-4 w-4" /> 时间轴
             </TabsTrigger>
@@ -538,7 +538,7 @@ export default function TimelinePage() {
             </TabsTrigger>
           </TabsList>
 
-          <TabsContent value="timeline">
+          <TabsContent value="timeline" className="flex-1 overflow-y-auto">
             <Card className="border-none shadow-none bg-transparent">
               <CardContent className="p-0">
                 <div className="relative border-l-2 border-primary/20 ml-6 md:ml-12 space-y-8 py-4">
@@ -655,7 +655,7 @@ export default function TimelinePage() {
             </Card>
           </TabsContent>
 
-          <TabsContent value="migration">
+          <TabsContent value="migration" className="flex-1 overflow-y-auto">
             <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
               <Card>
                 <CardHeader>