This commit is contained in:
Mackie 2026-05-25 01:35:34 +08:00
parent 8ebfe5d05f
commit df12084e38

View file

@ -2,7 +2,6 @@ import { getCachedGlobal } from '@/utilities/getGlobals'
import Link from 'next/link'
import React from 'react'
import { ThemeSelector } from '@/providers/Theme/ThemeSelector'
import { CMSLink } from '@/components/Link'
import { Logo } from '@/components/Logo/Logo'
@ -12,21 +11,20 @@ export async function Footer() {
const navItems = footerData?.navItems || []
return (
<footer className="mt-auto border-t border-border bg-black dark:bg-card text-white">
<div className="container py-8 gap-8 flex flex-col md:flex-row md:justify-between">
<footer className="mt-auto border-t border-border bg-black text-white">
<div className="container py-8 gap-8 flex flex-col md:flex-row md:justify-between md:items-center">
<Link className="flex items-center" href="/">
<Logo />
</Link>
<div className="flex flex-col-reverse items-start md:flex-row gap-4 md:items-center">
<ThemeSelector />
<nav className="flex flex-col md:flex-row gap-4">
{navItems.map(({ link }, i) => {
return <CMSLink className="text-white" key={i} {...link} />
})}
</nav>
</div>
<nav className="flex flex-col md:flex-row gap-4">
{navItems.map(({ link }, i) => {
return <CMSLink className="text-white/60 hover:text-white transition-colors text-sm" key={i} {...link} />
})}
</nav>
<p className="text-white/40 text-sm">
© {new Date().getFullYear()} Mackie. All rights reserved.
</p>
</div>
</footer>
)
}
</footer>