Files
NotionNext/themes/matery/components/HeaderArticle.js
2022-12-25 15:58:28 +08:00

18 lines
621 B
JavaScript

export default function HeaderArticle({ post, siteInfo }) {
const headerImage = post?.page_cover ? `url("${post?.page_cover}")` : `url("${siteInfo?.pageCover}")`
const title = post?.title
return (
<div
id="header"
className="w-full h-80 md:flex-shrink-0 bg-cover bg-center bg-no-repeat"
style={{ backgroundImage: headerImage }}
>
<div className="flex flex-col h-80 justify-center ">
<div className="font-bold text-xl shadow-text flex justify-center text-center text-white dark:text-white ">
{title}
</div>
</div>
</div>
)
}