mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-15 23:16:48 +00:00
16 lines
678 B
JavaScript
16 lines
678 B
JavaScript
export default function HeaderArticle({ post, siteInfo }) {
|
|
const headerImage = post?.page_cover ? post?.page_cover : siteInfo?.pageCover
|
|
const title = post?.title
|
|
return (
|
|
<div id='header' className="flex h-96 justify-center align-middle items-center w-full relative duration-200 bg-black rounded-t-md">
|
|
{/* eslint-disable-next-line @next/next/no-img-element */}
|
|
<img
|
|
src={headerImage}
|
|
alt={title}
|
|
className="opacity-50 dark:opacity-40 h-full w-full rounded-t-md object-cover"
|
|
/>
|
|
<span className='absolute text-white p-6 text-3xl'>{title}</span>
|
|
</div>
|
|
)
|
|
}
|