tuna2134/cecilia
1
0
Fork 0
mirror of https://github.com/tuna2134/cecilia.git synced 2026-02-06 14:42:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

format

Browse Source
This commit is contained in:
tuna2134
2025-04-29 21:27:33 +00:00
parent 99891c77d7
commit d83a58cd6d
6 changed files with 94 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
components/pages/home/timeline.tsx
View File

@@ -1,26 +1,28 @@
export interface TimelineData {
title: string;
datetime: string;
description: string;
title: string;
datetime: string;
description: string;
}
interface Props {
timeline: TimelineData[];
timeline: TimelineData[];
}
const Timeline: React.FC<Props> = ({ timeline }) => {
return (
<ol className="relative border-s border-gray-200">
{timeline.map((data, index) => (
<li className="mb-10 ms-6" key={index}>
<div className="absolute w-3 h-3 bg-[#00F3A4] rounded-full mt-1.5 -start-1.5 border border-white"></div>
<p className="text-gray-900/75 mb-1">{data.datetime}</p>
<h1 className="text-2xl font-bold mb-2 tracking-wider">{data.title}</h1>
<p>{data.description}</p>
</li>
))}
</ol>
)
}
return (
<ol className="relative border-s border-gray-200">
{timeline.map((data, index) => (
<li className="mb-10 ms-6" key={index}>
<div className="absolute w-3 h-3 bg-[#00F3A4] rounded-full mt-1.5 -start-1.5 border border-white"></div>
<p className="text-gray-900/75 mb-1">{data.datetime}</p>
<h1 className="text-2xl font-bold mb-2 tracking-wider">
{data.title}
</h1>
<p>{data.description}</p>
</li>
))}
</ol>
);
};
export default Timeline;
export default Timeline;