This commit is contained in:
tuna2134
2025-05-02 13:36:46 +00:00
parent 03fd40d309
commit 16ef79f6c9
6 changed files with 73 additions and 9 deletions

View File

@@ -25,7 +25,7 @@ const Header: React.FC = async () => {
const data = await res.json();
const avatarURL = `https://cdn.discordapp.com/avatars/739702692393517076/${data.avatar}.png?size=1024`;
return (
<header className="h-screen w-screen flex justify-center items-center">
<header className="flex h-screen w-screen items-center justify-center">
<div>
<Image
alt="avatar"
@@ -34,8 +34,8 @@ const Header: React.FC = async () => {
height={156}
className="mb-2 rounded-full"
/>
<h1 className="text-2xl font-bold text-center">tuna2134</h1>
<div className="flex justify-center space-x-2 mt-2">
<h1 className="text-center text-2xl font-bold">tuna2134</h1>
<div className="mt-2 flex justify-center space-x-2">
{SNSIcons.map((sns, key) => (
<Link href={sns.url} key={key}>
<sns.icon height={32} width={32} />

View File

@@ -12,10 +12,10 @@ 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">
<li className="ms-6 mb-10" key={index}>
<div className="absolute -start-1.5 mt-1.5 h-3 w-3 rounded-full border border-white bg-[#00F3A4]"></div>
<p className="mb-1 text-gray-900/75">{data.datetime}</p>
<h1 className="mb-2 text-2xl font-bold tracking-wider">
{data.title}
</h1>
<p>{data.description}</p>