d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-05-21 15:09:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

feature: 动画

Browse Source
This commit is contained in:
tangly1024
2021-12-30 17:50:10 +08:00
parent 277d9125f0
commit 25a7bb7ea8
2 changed files with 28 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/ArticleDetail.js
View File

@@ -40,10 +40,10 @@ export default function ArticleDetail ({ post, blockMap, recommendPosts, prev, n
return (<>
<div id="article-wrapper" ref={targetRef} className="flex-grow max-w-5xl mx-auto w-screen md:w-full ">
<article itemScope itemType="https://schema.org/Movie"
className="shadow md:hover:shadow-2xl duration-300 animate__fadeIn animate__animated subpixel-antialiased py-10 px-5 lg:pt-24 md:px-24 xl:px-32 dark:border-gray-700 bg-white dark:bg-gray-800"
className="shadow md:hover:shadow-2xl duration-300 subpixel-antialiased py-10 px-5 lg:pt-24 md:px-24 xl:px-32 dark:border-gray-700 bg-white dark:bg-gray-800"
>
<header>
<header className='animate__slideInDown animate__animated'>
{post.type && !post.type.includes('Page') && post?.page_cover && (
<div className="w-full h-60 relative lg:h-96 transform duration-200 md:flex-shrink-0 overflow-hidden">
<Image
@@ -101,7 +101,7 @@ export default function ArticleDetail ({ post, blockMap, recommendPosts, prev, n
</header>
{/* Notion文章主体 */}
<section id='notion-article' className='px-1'>
<section id='notion-article' className='px-1 animate__slideInUp animate__animated'>
{blockMap && (
<NotionRenderer
className={`${BLOG.font}`}