mguilbert/matheoguilbert.fr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed project page design

Browse Source
This commit is contained in:
Mathéo GUILBERT
2026-04-16 11:55:31 +02:00
parent 2bf8bae473
commit 15f39c4cb2
6 changed files with 71 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/[locale]/works/[slug]/page.tsx
+25 -19
View File
@@ -40,7 +40,7 @@ export default async function ProjectPage({ params }: props) {
return (
<main className="bg-[#f5f3ef]">
<div className="mx-auto max-w-full ">
<div className="mx-auto max-w-full flex flex-col items-center">
<ProjectHero
locale={locale}
title={project.title}
@@ -48,27 +48,33 @@ export default async function ProjectPage({ params }: props) {
dateLabel={project.dateLabel}
/>
<ProjectMeta
dateLabel={project.dateLabel}
category={project.category}
roles={project.roles}
client={project.client}
/>
<div className="lg:max-w-[70vw]">
<ProjectMeta
dateLabel={project.dateLabel}
category={project.category}
roles={project.roles}
client={project.client}
/>
<ProjectTechnologies technologies={project.technologies} />
<ProjectTechnologies technologies={project.technologies} />
<section className="pb-16">
<article className="
prose prose-neutral max-w-none
prose-h2:text-6xl prose-h2:font-semibold prose-h2:text-[#2b160f]
prose-p:text-base prose-p:leading-8 prose-p:text-neutral-800
">
<MDXRemote source={project.content} components={mdxComponents} />
</article>
</section>
<section className="pb-16">
<article className="
flex flex-col gap-20
[&>div>h2]:text-[clamp(80px,10vw,128px)] [&>div>h2]:font-serif [&>div>h2]:text-brand-brown
">
<MDXRemote
source={project.content}
components={mdxComponents}
options={{ blockJS: false, blockDangerousJS: true }}
/>
</article>
</section>
<OtherProjects locale={locale} projects={otherProjects} />
</div>
<OtherProjects locale={locale} projects={otherProjects} />
</div>
</main>
);
}
}