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

nav

Browse source
This commit is contained in:
Mackie 2026-06-03 22:59:31 +08:00
parent 3fb6e228c6
commit 0ffe479c91
1 changed files with 17 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,16 +1,17 @@
'use client' 'use client'
import React from 'react' import React from 'react'
import { Container } from '@/components/ui/Container' // Adjust path as needed
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'
export const HeaderNav: React.FC<{ data: HeaderType }> = ({ data }) => { export const HeaderNav: React.FC<{ data: HeaderType }> = ({ data }) => {
const navItems = data?.navItems || [] const navItems = data?.navItems || []
return ( return (
<nav className="flex gap-1 items-center"> <div className="border-b border-foreground/8">
<Container>
<nav className="flex gap-1 items-center py-2">
{navItems.map(({ link }, i) => { {navItems.map(({ link }, i) => {
return ( return (
<CMSLink <CMSLink
@ -22,5 +23,7 @@ export const HeaderNav: React.FC<{ data: HeaderType }> = ({ data }) => {
) )
})} })}
</nav> </nav>
</Container>
</div>
) )
} }