0.0.8.1

app/timeline/page.tsx

@@ -4,7 +4,7 @@ import { useFamily } from "@/context/family-context"
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
 import { ScrollArea } from "@/components/ui/scroll-area"
-import { Clock, Map as MapIcon, ArrowRight } from "lucide-react"
+import { Clock, Map as MapIcon, ArrowRight, Calendar } from "lucide-react"
 import dynamic from 'next/dynamic'
 import { useMemo, useEffect, useState } from 'react'
 import * as echarts from 'echarts'
@@ -488,8 +488,13 @@ export default function TimelinePage() {
     return (
       <div className="min-h-screen bg-background flex flex-col">
         <SiteHeader />
-        <div className="flex-1 flex items-center justify-center text-muted-foreground">
-          暂无家族成员数据
+        <div className="flex-1 flex items-center justify-center">
+          <div className="text-center space-y-4">
+            <div className="inline-flex items-center justify-center w-16 h-16 text-primary/80">
+              <Calendar className="h-16 w-16" strokeWidth={1} />
+            </div>
+            <p className="text-base text-foreground font-light tracking-wide">时光未启</p>
+          </div>
         </div>
       </div>
     )
@@ -600,7 +605,9 @@ export default function TimelinePage() {
                   ))}
 
                   {events.length === 0 && (
-                    <div className="pl-8 text-muted-foreground italic">暂无时间记录。请完善成员的出生日期信息。</div>
+                    <div className="pl-8 py-8">
+                      <p className="text-sm text-foreground font-light tracking-wide">时光留白</p>
+                    </div>
                   )}
                 </div>
               </CardContent>
@@ -640,11 +647,9 @@ export default function TimelinePage() {
                         </div>
                       ))}
                       {migrations.length === 0 && (
-                        <p className="text-center text-muted-foreground py-10">
-                          暂无迁徙记录。
-                          <br />
-                          系统会自动分析父子代之间的籍贯/出生地差异来生成迁徙路径。
-                        </p>
+                        <div className="text-center py-16">
+                          <p className="text-sm text-foreground font-light tracking-wide">足迹未显</p>
+                        </div>
                       )}
                     </div>
                   </ScrollArea>
@@ -665,11 +670,12 @@ export default function TimelinePage() {
                         </div>
                       </div>
                     ) : migrations.length === 0 ? (
-                      <div className="flex items-center justify-center h-full text-muted-foreground">
-                        <div className="text-center">
-                          <MapIcon className="h-16 w-16 mx-auto mb-4 opacity-20" />
-                          <p>暂无迁徙数据</p>
-                          <p className="text-sm mt-2">请先清空数据库重新加载数据</p>
+                      <div className="flex items-center justify-center h-full">
+                        <div className="text-center space-y-4">
+                          <div className="inline-flex items-center justify-center w-16 h-16 text-primary/80">
+                            <MapIcon className="h-16 w-16" strokeWidth={1} />
+                          </div>
+                          <p className="text-sm text-foreground font-light tracking-wide">山河未绘</p>
                         </div>
                       </div>
                     ) : (