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

Merge pull request #2329 from Femoon/fix/catalog_style

Browse Source 
fix: Sidebar width changes and catalog styles
This commit is contained in:
tangly1024
2024-04-25 16:53:08 +08:00
committed by GitHub
parent 69e0413a75 0d476ef00d
commit d5274ccb42
12 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
themes/commerce/components/Catalog.js
View File

@@ -79,7 +79,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-red-600'}`} className={`truncate ${activeSection === id ? 'font-bold text-red-600': ''}`}
> >
{tocItem.text} {tocItem.text}
</span> </span>

2
themes/fukasawa/components/Catalog.js
View File

@@ -71,7 +71,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-red-400 underline'}`} className={`truncate ${activeSection === id ? 'font-bold text-red-400 underline' : ''}`}
title={tocItem.text} title={tocItem.text}
> >
{tocItem.text} {tocItem.text}

2
themes/gitbook/components/Catalog.js
View File

@@ -74,7 +74,7 @@ const Catalog = ({ post }) => {
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-gray-500 underline'}`} className={`truncate ${activeSection === id ? 'font-bold text-gray-500 underline' : ''}`}
> >
{tocItem.text} {tocItem.text}
</span> </span>

2
themes/gitbook/index.js
View File

@@ -166,7 +166,7 @@ const LayoutBase = (props) => {
{/* 右侧侧推拉抽屉 */} {/* 右侧侧推拉抽屉 */}
{fullWidth {fullWidth
? null ? null
: <div style={{ width: '32rem' }} className={'hidden xl:block dark:border-transparent relative z-10 '}> : <div style={{ width: '20rem' }} className={'hidden xl:block dark:border-transparent flex-shrink-0 relative z-10 '}>
<div className='py-14 px-6 sticky top-0'> <div className='py-14 px-6 sticky top-0'>
<ArticleInfo post={props?.post ? props?.post : props.notice} /> <ArticleInfo post={props?.post ? props?.post : props.notice} />

2
themes/heo/components/Catalog.js
View File

@@ -74,7 +74,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-indigo-600'}`} className={`truncate ${activeSection === id ? 'font-bold text-indigo-600' : ''}`}
> >
{tocItem.text} {tocItem.text}
</span> </span>

2
themes/hexo/components/Catalog.js
View File

@@ -79,7 +79,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-indigo-600'}`} className={`truncate ${activeSection === id ? 'font-bold text-indigo-600' : ''}`}
> >
{tocItem.text} {tocItem.text}
</span> </span>

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

@@ -78,7 +78,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 overflow-ellipsis truncate'}`} className={`truncate ${activeSection === id ? 'font-bold text-green-500 underline' : ''}`}
> >
{tocItem.text} {tocItem.text}
</span> </span>

2
themes/medium/components/Catalog.js
View File

@@ -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={`truncate ${activeSection === id ? 'font-bold text-green-500 underline' : ''}`}
> >
{tocItem.text} {tocItem.text}
</span> </span>

2
themes/medium/index.js
View File

@@ -102,7 +102,7 @@ const LayoutBase = props => {
{/* 桌面端右侧 */} {/* 桌面端右侧 */}
{fullWidth {fullWidth
? null ? null
: <div className={`hidden xl:block border-l dark:border-transparent w-96 relative z-10 ${siteConfig('MEDIUM_RIGHT_PANEL_DARK', null, CONFIG) ? 'bg-hexo-black-gray dark' : ''}`}> : <div className={`hidden xl:block border-l dark:border-transparent w-80 flex-shrink-0 relative z-10 ${siteConfig('MEDIUM_RIGHT_PANEL_DARK', null, CONFIG) ? 'bg-hexo-black-gray dark' : ''}`}>
<div className='py-14 px-6 sticky top-0'> <div className='py-14 px-6 sticky top-0'>
<Tabs> <Tabs>
{slotRight} {slotRight}

2
themes/nav/components/Catalog.js
View File

@@ -74,7 +74,7 @@ const Catalog = ({ post }) => {
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-gray-500 underline'}`} className={`truncate ${activeSection === id ? 'font-bold text-gray-500 underline' : ''}`}
> >
{tocItem.text} {tocItem.text}
</span> </span>

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

@@ -74,7 +74,7 @@ const Toc = ({ toc }) => {
className={`notion-table-of-contents-item duration-300 transform font-light className={`notion-table-of-contents-item duration-300 transform font-light
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 }} className={`${activeSection === id && ' font-bold text-red-400 underline'}`}> <span style={{ display: 'inline-block', marginLeft: tocItem.indentLevel * 16 }} className={`truncate ${activeSection === id ? ' font-bold text-red-400 underline' : ''}`}>
{tocItem.text} {tocItem.text}
</span> </span>
</a> </a>

2
themes/simple/components/Catalog.js
View File

@@ -73,7 +73,7 @@ const Catalog = ({ post }) => {
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-red-600 underline overflow-ellipsis truncate'}`} className={`truncate ${activeSection === id ? ' font-bold text-red-600 underline' : ''}`}
> >
{tocItem.text} {tocItem.text}
</span> </span>