Example主题调整,规范组件命名

This commit is contained in:
tangly1024.com
2024-04-28 15:03:48 +08:00
parent cda0890785
commit 2385ad868f
26 changed files with 773 additions and 638 deletions

View File

@@ -1,24 +1,27 @@
import Link from 'next/link'
import { siteConfig } from '@/lib/config'
import Link from 'next/link'
import { MenuList } from './MenuList'
/**
* 网站顶部
* @returns
*/
export const Header = (props) => {
export const Header = props => {
return (
<header className="w-full px-6 bg-white dark:bg-black relative z-10">
<div className="container mx-auto max-w-4xl md:flex justify-between items-center">
<Link
href='/'
className="py-6 w-full text-center md:text-left md:w-auto text-gray-dark no-underline flex justify-center items-center">
<header className='w-full px-6 bg-white dark:bg-black relative z-10'>
<div className='container mx-auto max-w-4xl md:flex justify-between items-center'>
<Link
href='/'
className='py-6 w-full text-center md:text-left md:w-auto text-gray-dark no-underline flex justify-center items-center'>
{siteConfig('TITLE')}
</Link>
<div className='w-full md:w-auto text-center md:text-right'>
{/* 右侧文字 */}
</div>
</div>
{siteConfig('TITLE')}
</Link>
<div className="w-full md:w-auto text-center md:text-right">
{/* 右侧文字 */}
</div>
</div>
</header>
{/* 菜单 */}
<MenuList {...props} />
</header>
)
}