rootadmin/multisite
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

trial

Browse source
This commit is contained in:
Mackie 2026-06-03 23:24:14 +08:00
parent d94d1c83db
commit 2519859886
2 changed files with 23 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/Footer/Component.tsx
View file

@ -1,33 +1,33 @@
import { getCachedGlobal } from '@/utilities/getGlobals' import { getCachedGlobal } from '@/utilities/getGlobals'
import Link from 'next/link'
import React from 'react' import React from 'react'
import { CMSLink } from '@/components/Link' import { CMSLink } from '@/components/Link'
import { Container } from '@/components/ui/Container' // Standardize with your global grid
export async function Footer() { export async function Footer() {
const footerData = await getCachedGlobal('footer', 1)() const footerData = await getCachedGlobal('footer', 1)()
const navItems = footerData?.navItems || [] const navItems = footerData?.navItems || []
return ( return (
<footer className="mt-auto border-t border-foreground/10 relative z-10"> <footer className="mt-auto border-t border-foreground/10 relative z-10">
<div className="container py-8 flex flex-col items-center gap-4"> <Container className="py-8 flex flex-col items-center gap-4">
<nav className="flex flex-wrap justify-center gap-6"> <nav className="flex flex-wrap justify-center gap-2">
{navItems.map(({ link }, i) => { {navItems.map(({ link }, i) => {
return ( return (
<CMSLink <CMSLink
className="text-foreground/60 hover:text-foreground transition-colors text-sm"
key={i} key={i}
{...link} {...link}
appearance="link"
// Standardized classes: added rounded-xl, background hover, and no-underline
className="px-4 py-2 rounded-xl text-sm text-foreground/60 hover:text-foreground hover:bg-foreground/10 no-underline transition-all"
/> />
) )
})} })}
</nav> </nav>
<p className="text-foreground/40 text-sm text-center"> <p className="text-foreground/40 text-sm text-center">
&copy; {new Date().getFullYear()} ByMackie. All rights reserved. &copy; {new Date().getFullYear()} ByMackie. All rights reserved. To infinity and beyond
</p> </p>
</div> </Container>
</footer> </footer>
) )
} }

32
src/Header/Nav/index.tsx
View file

@ -1,7 +1,7 @@
'use client' 'use client'
import React from 'react' import React from 'react'
import { Container } from '@/components/ui/Container' // Adjust path as needed import { Container } from '@/components/ui/Container'
import type { Header as HeaderType } from '@/payload-types' import type { Header as HeaderType } from '@/payload-types'
import { CMSLink } from '@/components/Link' import { CMSLink } from '@/components/Link'
@ -9,21 +9,19 @@ export const HeaderNav: React.FC<{ data: HeaderType }> = ({ data }) => {
const navItems = data?.navItems || [] const navItems = data?.navItems || []
return ( return (
<div className="border-b border-foreground/8"> // Removed the outer border-b wrapper as it is handled by the parent HeaderClient
<Container> <nav className="flex gap-1 items-center">
<nav className="flex gap-1 items-center py-2"> {navItems.map(({ link }, i) => {
{navItems.map(({ link }, i) => { return (
return ( <CMSLink
<CMSLink key={i}
key={i} {...link}
{...link} appearance="link"
appearance="link" // Added 'no-underline' to explicitly disable hover underlines
className="px-4 py-2 rounded-xl text-sm text-foreground/60 hover:text-foreground hover:bg-foreground/10 transition-all" className="px-4 py-2 rounded-xl text-sm text-foreground/60 hover:text-foreground hover:bg-foreground/10 no-underline transition-all"
/> />
) )
})} })}
</nav> </nav>
</Container>
</div>
) )
} }