Files
NotionNext/themes/example/components/Header.js
2022-04-27 13:10:38 +08:00

22 lines
667 B
JavaScript

import Link from 'next/link'
/**
* 网站顶部
* @returns
*/
export const Header = (props) => {
const { siteInfo } = props
return <header className="w-full px-6 bg-white">
<div className="container mx-auto max-w-4xl md:flex justify-between items-center">
<Link href='/'>
<a className="py-6 w-full text-center md:text-left md:w-auto text-gray-dark no-underline flex justify-center items-center">
{siteInfo?.title}
</a></Link>
<div className="w-full md:w-auto text-center md:text-right">
{/* 右侧文字 */}
</div>
</div>
</header>
}