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

样式微调

Browse Source
This commit is contained in:
tangly1024
2023-01-01 19:25:52 +08:00
parent 2d64451dfe
commit fea051cf12
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
themes/matery/LayoutSlug.js
View File

@@ -45,7 +45,7 @@ export const LayoutSlug = props => {
> >
<div id='inner-wrapper'> <div id='inner-wrapper'>
<div className={'drop-shadow-xl max-w-4xl'}> <div className={'drop-shadow-xl w-full lg:max-w-3xl 2xl:max-w-4xl'}>
<div className="-mt-32 rounded-md mx-3 lg:border lg:rounded-xl lg:py-4 bg-white dark:bg-hexo-black-gray dark:border-black"> <div className="-mt-32 rounded-md mx-3 lg:border lg:rounded-xl lg:py-4 bg-white dark:bg-hexo-black-gray dark:border-black">
{lock && <ArticleLock validPassword={validPassword} />} {lock && <ArticleLock validPassword={validPassword} />}
@@ -112,7 +112,7 @@ export const LayoutSlug = props => {
data-aos-once="false" data-aos-once="false"
data-aos-anchor-placement="top-center" data-aos-anchor-placement="top-center"
className='relative h-full'> className='relative h-full'>
<div className='float-right -mr-72 h-full mt-40'> <div className='float-right xl:-mr-72 xl:w-72 w-56 -mr-56 h-full mt-40'>
<div className='sticky top-24'> <div className='sticky top-24'>
<Catalog toc={post.toc} /> <Catalog toc={post.toc} />
</div> </div>

4
themes/matery/components/Catalog.js
View File

@@ -58,7 +58,7 @@ const Catalog = ({ toc }) => {
return <></> return <></>
} }
return <div className='px-3 w-72'> return <div className='px-3 '>
<div className='dark:text-white'><i className='mr-1 fas fa-stream' /> 目录</div> <div className='dark:text-white'><i className='mr-1 fas fa-stream' /> 目录</div>
<div className='w-full py-3'> <div className='w-full py-3'>
<Progress /> <Progress />
@@ -76,7 +76,7 @@ const Catalog = ({ toc }) => {
notion-table-of-contents-item-indent-level-${tocItem.indentLevel} `} notion-table-of-contents-item-indent-level-${tocItem.indentLevel} `}
> >
<span style={{ display: 'inline-block', marginLeft: tocItem.indentLevel * 16 }} <span style={{ display: 'inline-block', marginLeft: tocItem.indentLevel * 16 }}
className={`${activeSection === id && ' font-bold text-green-500 underline'}`} className={`${activeSection === id && ' font-bold text-green-500 underline overflow-ellipsis truncate'}`}
> >
{tocItem.text} {tocItem.text}
</span> </span>