NguyenThanhToan/ipv6-sims
1
0
Fork 0
forked from UKSOURCE/ipv6
Code Pull Requests Activity

feat: resize header and footer to reduce height

Browse Source
This commit is contained in:
hoangthien
2026-05-13 18:55:56 +07:00
parent 9cafa23721
commit 039901e839
3 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/(site)/page.tsx
+1 -1
View File
@@ -6,7 +6,7 @@ import AgendaSection from "@/app/components/home/AgendaSection";
export default function HomePage() {
return (
<main className="pt-24 lg:pt-32">
<main className="pt-16 lg:pt-20">
<HeroSection data={home.hero} />
<VisionSection data={home.vision} />
<StatsSection data={home.stats} />
app/components/layout/Footer/Footer.tsx
+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>
app/components/layout/Header/HeaderClient.tsx
+4 -4
View File
@@ -29,10 +29,10 @@ export default function HeaderClient({
return (
<header className="fixed top-0 w-full z-50 bg-surface/80 backdrop-blur-xl border-b border-white/5">
<div className="flex justify-between items-center px-[var(--spacing-gutter)] py-4 lg:py-8 w-full max-w-hd mx-auto">
<div className="flex justify-between items-center px-[var(--spacing-gutter)] py-2 lg:py-3 w-full max-w-hd mx-auto">
<Link
href="/"
className="font-[var(--font-display-lg)] text-[20px] sm:text-[22px] lg:text-[36px] text-primary tracking-tighter uppercase font-bold"
className="font-[var(--font-display-lg)] text-[18px] sm:text-[20px] lg:text-[24px] text-primary tracking-tighter uppercase font-bold"
>
{brand.name}
</Link>
@@ -68,7 +68,7 @@ export default function HeaderClient({
</span>
<Link
href="/registration"
className="hidden sm:inline-flex gold-gradient-bg text-on-primary px-6 lg:px-10 py-3 lg:py-4 font-[var(--font-body-base)] text-sm lg:text-[18px] font-bold uppercase tracking-wider rounded-lg active:scale-95 transition-transform shadow-lg shadow-primary/10"
className="hidden sm:inline-flex gold-gradient-bg text-on-primary px-5 lg:px-7 py-2 lg:py-2.5 font-[var(--font-body-base)] text-sm font-bold uppercase tracking-wider rounded-lg active:scale-95 transition-transform shadow-lg shadow-primary/10"
>
Register
</Link>
@@ -85,7 +85,7 @@ export default function HeaderClient({
</div>
<div
className={`fixed inset-0 top-[72px] lg:top-[104px] bg-surface z-40 flex-col p-[var(--spacing-gutter)] gap-8 xl:hidden border-t border-white/5 ${
className={`fixed inset-0 top-[52px] lg:top-[60px] bg-surface z-40 flex-col p-[var(--spacing-gutter)] gap-8 xl:hidden border-t border-white/5 ${
mobileOpen ? "flex" : "hidden"
}`}
>