raul/wedding-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: token layout names

Browse Source
This commit is contained in:
Raul Lugo
2026-09-06 13:02:03 +02:00
parent 64fb24d87c
commit fc16acea61
16 changed files with 43 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/invite/introduction-section.tsx
+3 -3
View File
@@ -12,7 +12,7 @@ export function IntroductionSection({ content }: { content: InvitePageContent["i
<section id="introduction" className="bg-wedding-ivory py-wedding-section">
<WeddingContainer>
<Monogram />
<div className="mt-10 grid gap-10 wedding-layout:grid-cols-2 wedding-layout:items-center">
<div className="mt-10 grid gap-10 wedding-lg:grid-cols-2 wedding-lg:items-center">
<div>
<h2 className="wedding-display-heading text-wedding-page text-wedding-ink">{content.heading}</h2>
<div className="mt-7 w-12 border-t-2 border-wedding-terracotta" />
@@ -23,10 +23,10 @@ export function IntroductionSection({ content }: { content: InvitePageContent["i
<Image src="/images/schedule.png" alt="A candlelit wedding reception" fill className="object-cover" sizes="(min-width: 900px) 40vw, 90vw" />
</div>
</div>
<div className="mt-14 grid border-y border-wedding-line wedding-phone:grid-cols-3 wedding-phone:border-y-0">
<div className="mt-14 grid border-y border-wedding-line wedding-md:grid-cols-3 wedding-md:border-y-0">
{content.facts.map((fact, index) => {
const Icon = icons[index]
return <div className={`flex gap-4 px-0 py-7 wedding-phone:px-6 wedding-phone:py-0 ${index < content.facts.length - 1 ? "wedding-phone:border-r wedding-phone:border-wedding-line" : ""}`} key={fact.label}>
return <div className={`flex gap-4 px-0 py-7 wedding-md:px-6 wedding-md:py-0 ${index < content.facts.length - 1 ? "wedding-md:border-r wedding-md:border-wedding-line" : ""}`} key={fact.label}>
<Icon className="mt-1 size-5 text-wedding-terracotta" aria-hidden="true" />
<div><p className="wedding-section-label">{fact.label}</p><p className="mt-2 font-wedding-display text-wedding-medium">{fact.value}</p>{fact.description ? <p className="mt-1 font-wedding-ui text-sm">{fact.description}</p> : null}</div>
</div>