This commit is contained in:
freedakgmail
2025-11-22 20:08:07 +08:00
parent 43c8389705
commit 33cf0c50d1
142 changed files with 44912 additions and 213 deletions
+5 -7
View File
@@ -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>