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/site-header.tsx
+3 -3
View File
@@ -13,12 +13,12 @@ const links = [
export function SiteHeader() {
return (
<header className="absolute inset-x-0 top-0 z-20 px-wedding-gutter-mobile py-6 wedding-phone:px-wedding-gutter-phone wedding-layout:px-wedding-gutter-desktop">
<header className="absolute inset-x-0 top-0 z-20 px-wedding-gutter-mobile py-6 wedding-md:px-wedding-gutter-phone wedding-lg:px-wedding-gutter-desktop">
<div className="flex items-center justify-between">
<Link href="#top" aria-label="Back to top">
<Monogram light />
</Link>
<nav aria-label="Invitation sections" className="hidden wedding-layout:block">
<nav aria-label="Invitation sections" className="hidden wedding-lg:block">
<ul className="flex items-center gap-6">
{links.map(([label, href]) => (
<li key={href}>
@@ -29,7 +29,7 @@ export function SiteHeader() {
))}
</ul>
</nav>
<details className="group relative wedding-layout:hidden">
<details className="group relative wedding-lg:hidden">
<summary className="cursor-pointer list-none font-wedding-ui text-wedding-label font-medium uppercase tracking-wedding-label text-wedding-white">
Menu <span aria-hidden="true">☰</span>
</summary>