feat: resize header and footer to reduce height

This commit is contained in:
2026-05-13 18:55:56 +07:00
parent 9cafa23721
commit 039901e839
3 changed files with 9 additions and 9 deletions
+4 -4
View File
@@ -3,9 +3,9 @@ import siteData from "@/app/data/site.json";
export default function Footer() {
return (
<footer className="w-full bg-surface-container-low border-t border-white/5 py-12 lg:py-20">
<div className="flex flex-col xl:flex-row justify-between items-center px-[var(--spacing-gutter)] gap-12 w-full max-w-hd mx-auto">
<div className="font-[var(--font-label-caps)] text-xl lg:text-[24px] text-primary tracking-[0.4em] font-bold uppercase">
<footer className="w-full bg-surface-container-low border-t border-white/5 py-6 lg:py-10">
<div className="flex flex-col xl:flex-row justify-between items-center px-[var(--spacing-gutter)] gap-6 lg:gap-8 w-full max-w-hd mx-auto">
<div className="font-[var(--font-label-caps)] text-base lg:text-[18px] text-primary tracking-[0.4em] font-bold uppercase">
{siteData.brand.name}
</div>
<div className="flex flex-wrap justify-center gap-8 lg:gap-16">
@@ -19,7 +19,7 @@ export default function Footer() {
</Link>
))}
</div>
<div className="text-[14px] lg:text-[16px] text-on-surface-variant/40 text-center xl:text-right max-w-sm leading-relaxed uppercase tracking-widest">
<div className="text-[13px] lg:text-[14px] text-on-surface-variant/40 text-center xl:text-right max-w-sm leading-relaxed uppercase tracking-widest">
{siteData.footer.copyright}
</div>
</div>