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

fix-theme-simple-内容溢出

Browse Source
This commit is contained in:
tangly1024
2023-03-11 09:27:00 +08:00
parent 4e9b9a09cf
commit d8ff172a82
4 changed files with 20 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
blog.config.js
View File

@@ -75,7 +75,7 @@ const BLOG = {
POST_PREVIEW_LINES: 12, // 预览博客行数
POST_RECOMMEND_COUNT: 6, // 推荐文章数量
POSTS_PER_PAGE: 12, // post counts per page
POSTS_SORT_BY: 'notion', // 排序方式 'date'按时间,'notion'由notion控制
POSTS_SORT_BY: process.env.NEXT_PUBLIC_POST_SORT_BY || 'notion', // 排序方式 'date'按时间,'notion'由notion控制
PREVIEW_CATEGORY_COUNT: 16, // 首页最多展示的分类数量，0为不限制
PREVIEW_TAG_COUNT: 16, // 首页最多展示的标签数量，0为不限制

2
components/StarrySky.js
View File

@@ -7,7 +7,7 @@ export const StarrySky = () => {
}, [])
return (
<div className="relative">
<canvas id="starry-sky-vixcity" className="fixed"></canvas>
<canvas id="starry-sky-vixcity" className="fixed pointer-events-none"></canvas>
</div>
)
}

17
themes/simple/LayoutBase.js
View File

@@ -23,8 +23,8 @@ const LayoutBase = props => {
const { onLoading } = useGlobal()
/**
* 路由跳转时的遮罩
*/
* 路由跳转时的遮罩
*/
const LoadingCover = <div id='cover-loading' className={`${onLoading ? 'z-50 opacity-50' : '-z-10 opacity-0'} pointer-events-none transition-all duration-300`}>
<div className='w-full h-96 flex justify-center items-center'>
<i className="fa-solid fa-spinner text-2xl text-black dark:text-white animate-spin"> </i>
@@ -47,16 +47,13 @@ const LayoutBase = props => {
<NavBar {...props} />
{/* 主体 */}
<div id='container-wrap' className="w-full relative">
<div id='container-inner' className={(BLOG.LAYOUT_SIDEBAR_REVERSE ? 'flex-row-reverse' : '') + ' max-w-9/10 w-full relative container mx-auto flex justify-center items-start pt-12'}>
<div className='w-full flex-grow'>
{onLoading ? LoadingCover : children}
</div>
<div id='container-wrapper' className={(BLOG.LAYOUT_SIDEBAR_REVERSE ? 'flex-row-reverse' : '') + ' flex items-start max-w-9/10 mx-auto pt-12'}>
<div id='container-inner ' className='w-full flex-grow'>
{onLoading ? LoadingCover : children}
</div>
<div className="hidden xl:block flex-none sticky top-8 w-96 border-l dark:border-gray-800 pl-12 border-gray-100">
<SideBar {...props} />
</div>
</div>

26
themes/simple/components/SideBar.js
View File

@@ -4,20 +4,16 @@ import Catalog from './Catalog'
export const SideBar = (props) => {
const { notice } = props
return (
<div className="hidden lg:block flex-none sticky top-8 max-w-md border-l dark:border-gray-800 pl-12 border-gray-100">
return (<>
<aside>
<Catalog {...props} />
</aside>
<aside >
<Catalog {...props} />
</aside>
<aside className="overflow-hidden mb-6">
<Live2D />
</aside>
<aside>
<Announcement post={notice} />
</aside>
</div>
)
<aside className="overflow-hidden mb-6">
<Live2D />
</aside>
<aside>
<Announcement post={notice} />
</aside>
</>)
}