d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-05-16 07:26:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

feature:

Browse Source 
theme-Next新的样式
This commit is contained in:
tangly1024
2021-12-23 17:07:12 +08:00
parent e67ee9fe6c
commit fffd04651f
27 changed files with 118 additions and 1024 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
layouts/BaseLayout.js
View File

@@ -4,6 +4,7 @@ import Footer from '@/components/Footer'
import JumpToBottomButton from '@/components/JumpToBottomButton'
import JumpToTopButton from '@/components/JumpToTopButton'
import LoadingCover from '@/components/LoadingCover'
import SideAreaLeft from '@/components/SideAreaLeft'
import SideAreaRight from '@/components/SideAreaRight'
import TopNav from '@/components/TopNav'
import { useGlobal } from '@/lib/global'
@@ -64,7 +65,6 @@ const BaseLayout = ({
}, [])
const { onLoading } = useGlobal()
const targetRef = useRef(null)
console.log('header', headerSlot)
return (<>
@@ -74,8 +74,11 @@ const BaseLayout = ({
<>{headerSlot}</>
<main id='wrapper' className='flex justify-center flex-1 mx-auto md:pt-8 pb-12'>
<section id='center' className='flex-grow max-w-4xl min-h-screen md:mx-10' ref={targetRef}>
<main id='wrapper' className='flex justify-center flex-1 mx-auto md:pt-14 pb-12'>
<aside id='left' className='hidden lg:block flex-col w-60 mr-4'>
<SideAreaLeft targetRef={targetRef} post={post} posts={totalPosts} tags={tags} currentSearch={currentSearch} currentTag={currentTag} categories={categories} currentCategory={currentCategory}/>
</aside>
<section id='center' className='flex-grow max-w-4xl min-h-screen' ref={targetRef}>
{onLoading
? <LoadingCover/>
: <>
@@ -83,7 +86,7 @@ const BaseLayout = ({
</>
}
</section>
<aside id='right' className='hidden lg:block flex-col w-72 mr-5'>
<aside id='right' className='hidden 2xl:block flex-col w-60 ml-4'>
<SideAreaRight targetRef={targetRef} post={post} posts={totalPosts} tags={tags} currentSearch={currentSearch} currentTag={currentTag} categories={categories} currentCategory={currentCategory}/>
</aside>
</main>