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

MailChimp

Browse Source
This commit is contained in:
tangly1024.com
2023-07-04 12:39:18 +08:00
parent 26f6b2d85f
commit 194cd7ac7d
57 changed files with 361 additions and 235 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
themes/next/components/ArticleDetail.js
View File

@@ -25,7 +25,7 @@ export default function ArticleDetail(props) {
const showArticleInfo = CONFIG_NEXT.ARTICLE_INFO
return (
<div id="container"
<div id="article-wrapper"
className="shadow md:hover:shadow-2xl overflow-x-auto flex-grow mx-auto w-screen md:w-full ">
<div itemScope itemType="https://schema.org/Movie"
data-aos="fade-down"
@@ -77,7 +77,7 @@ export default function ArticleDetail(props) {
</header>}
{/* Notion内容主体 */}
<article id='notion-article' className='px-1 max-w-3xl mx-auto'>
<article className='px-1 max-w-3xl mx-auto'>
{post && (<NotionPage post={post} />)}
</article>

2
themes/next/components/ArticleLock.js
View File

@@ -30,7 +30,7 @@ export const ArticleLock = props => {
}, [])
return (
<div id='container' className="shadow md:hover:shadow-2xl overflow-x-auto flex-grow mx-auto w-screen md:w-full py-10 px-5 lg:pt-24 md:px-24 min-h-screen dark:border-gray-700 bg-white dark:bg-gray-800 duration-200">
<div id='article-wrapper' className="shadow md:hover:shadow-2xl overflow-x-auto flex-grow mx-auto w-screen md:w-full py-10 px-5 lg:pt-24 md:px-24 min-h-screen dark:border-gray-700 bg-white dark:bg-gray-800 duration-200">
<div className="w-full flex justify-center items-center h-96 font-sans">
<div className="text-center space-y-3 dark:text-gray-300 text-black">
<div className='font-bold'>{locale.COMMON.ARTICLE_LOCK_TIPS}</div>

2
themes/next/components/BlogPostListPage.js
View File

@@ -20,7 +20,7 @@ const BlogPostListPage = ({ page = 1, posts = [], postCount }) => {
return (
<div>
{/* 文章列表 */}
<div id="container" className="flex flex-wrap lg:space-y-4 space-y-1">
<div id="posts-wrapper" className="flex flex-wrap lg:space-y-4 space-y-1">
{posts?.map(post => (
<BlogPostCard key={post.id} post={post} />
))}

2
themes/next/components/BlogPostListScroll.js
View File

@@ -55,7 +55,7 @@ const BlogPostListScroll = ({ posts = [], currentSearch, showSummary = CONFIG_NE
return <div ref={targetRef}>
{/* 文章列表 */}
<div id='container' className='flex flex-wrap space-y-1 lg:space-y-4'>
<div id='posts-wrapper' className='flex flex-wrap space-y-1 lg:space-y-4'>
{postsToShow.map(post => (
<BlogPostCard key={post.id} post={post} showSummary={showSummary} />
))}

2
themes/next/components/Progress.js
View File

@@ -10,7 +10,7 @@ const Progress = ({ targetRef, showPercent = true }) => {
const currentRef = targetRef?.current || targetRef
const [percent, changePercent] = useState(0)
const scrollListener = () => {
const target = currentRef || (isBrowser() && document.getElementById('container'))
const target = currentRef || (isBrowser() && document.getElementById('article-wrapper'))
if (target) {
const clientHeight = target.clientHeight
const scrollY = window.pageYOffset