0.0.0.2
This commit is contained in:
@@ -65,7 +65,7 @@ export default function TimelinePage() {
|
||||
return (
|
||||
<div className="min-h-screen bg-background flex flex-col font-sans">
|
||||
<SiteHeader />
|
||||
<main className="container py-8 px-4 md:px-6 flex-1">
|
||||
<main className="container mx-auto py-8 px-4 md:px-6 flex-1">
|
||||
<div className="mb-8">
|
||||
<h1 className="text-3xl font-serif font-bold mb-2">家族历史 (History)</h1>
|
||||
<p className="text-muted-foreground">纵览家族发展的时间脉络与迁徙足迹。</p>
|
||||
@@ -89,9 +89,8 @@ export default function TimelinePage() {
|
||||
<div key={idx} className="relative pl-8 md:pl-12 group">
|
||||
{/* Dot */}
|
||||
<div
|
||||
className={`absolute -left-[9px] top-1 h-4 w-4 rounded-full border-2 border-background transition-colors group-hover:scale-110 ${
|
||||
event.type === "birth" ? "bg-primary" : "bg-neutral-400"
|
||||
}`}
|
||||
className={`absolute -left-[9px] top-1 h-4 w-4 rounded-full border-2 border-background transition-colors group-hover:scale-110 ${event.type === "birth" ? "bg-primary" : "bg-neutral-400"
|
||||
}`}
|
||||
/>
|
||||
|
||||
{/* Year Label (Mobile vs Desktop) */}
|
||||
@@ -103,9 +102,8 @@ export default function TimelinePage() {
|
||||
<div className="bg-card border border-border rounded-lg p-4 shadow-sm transition-all hover:shadow-md hover:border-primary/50 max-w-xl">
|
||||
<div className="flex items-center justify-between mb-1">
|
||||
<span
|
||||
className={`text-xs font-bold px-2 py-0.5 rounded-full ${
|
||||
event.type === "birth" ? "bg-primary/10 text-primary" : "bg-neutral-100 text-neutral-500"
|
||||
}`}
|
||||
className={`text-xs font-bold px-2 py-0.5 rounded-full ${event.type === "birth" ? "bg-primary/10 text-primary" : "bg-neutral-100 text-neutral-500"
|
||||
}`}
|
||||
>
|
||||
{event.type === "birth" ? "诞生" : "逝世"}
|
||||
</span>
|
||||
|
||||
Reference in New Issue
Block a user