xfy/DefectingCat.github.io
1
0
Fork 0
mirror of https://github.com/DefectingCat/DefectingCat.github.io synced 2025-07-15 16:51:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

update lazy import

Browse Source
This commit is contained in:
DefectingCat
2023-06-25 15:15:47 +08:00
parent b02d3d98e8
commit f0262210d0
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/p/[slug]/page.tsx
View File

@ -1,8 +1,7 @@
import rehypePrism from '@mapbox/rehype-prism';
import components from 'components/mdx/components';
import PostToc from 'components/post/post-toc';
import data from 'content/mdx-data';
import { readSinglePost, allPostsPath } from 'lib/posts';
import { allPostsPath, readSinglePost } from 'lib/posts';
import { SingleToc, generateToc } from 'lib/utils';
import { compileMDX } from 'next-mdx-remote/rsc';
import dynamic from 'next/dynamic';
@ -11,6 +10,7 @@ import rehypeSlug from 'rehype-slug';
import remarkGfm from 'remark-gfm';
import { Post } from 'types';
const PostToc = dynamic(() => import('components/post/post-toc'));
const PostCommnetLine = dynamic(
() => import('components/post/post-commnet-line')
);

10
components/post/post-toc.tsx
View File

@ -31,20 +31,20 @@ const PostToc = ({ toc, tocLength }: Props) => {
<div
className={clsx(
styles.head,
'bg-white pt-4 px-6',
'rounded-lg border border-gray-200',
'bg-white pt-4 px-4 md:px-6',
'rounded-lg',
'dark:bg-rua-gray-800 dark:border-rua-gray-600',
'select-none cursor-pointer',
'rounded-lg transition-all',
'duration-500 overflow-hidden',
'my-4 text-2xl'
'my-4 text-xl'
)}
style={{
maxHeight: show ? (tocLength ?? 0) * 50 + 70 : 70,
maxHeight: show ? (tocLength ?? 0) * 50 + 60 : 60,
}}
>
<div
className={clsx('flex justify-between items-center')}
className={clsx('flex justify-between items-center h-full')}
onClick={handleClick}
>
<span className="text-gray-500">TABLE OF CONTENTS</span>