fix: catalog style

This commit is contained in:
Femoon
2024-04-24 17:40:56 +08:00
parent afb3cf0b95
commit e78151cca2
12 changed files with 12 additions and 12 deletions

View File

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

View File

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

View File

@@ -74,7 +74,7 @@ const Catalog = ({ post }) => {
notion-table-of-contents-item-indent-level-${tocItem.indentLevel} `}
>
<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}
</span>

View File

@@ -166,7 +166,7 @@ const LayoutBase = (props) => {
{/* 右侧侧推拉抽屉 */}
{fullWidth
? 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'>
<ArticleInfo post={props?.post ? props?.post : props.notice} />

View File

@@ -74,7 +74,7 @@ const Catalog = ({ toc }) => {
notion-table-of-contents-item-indent-level-${tocItem.indentLevel} `}
>
<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}
</span>

View File

@@ -79,7 +79,7 @@ const Catalog = ({ toc }) => {
notion-table-of-contents-item-indent-level-${tocItem.indentLevel} `}
>
<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}
</span>

View File

@@ -78,7 +78,7 @@ const Catalog = ({ toc }) => {
notion-table-of-contents-item-indent-level-${tocItem.indentLevel} `}
>
<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}
</span>

View File

@@ -76,7 +76,7 @@ const Catalog = ({ toc }) => {
notion-table-of-contents-item-indent-level-${tocItem.indentLevel} `}
>
<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}
</span>

View File

@@ -102,7 +102,7 @@ const LayoutBase = props => {
{/* 桌面端右侧 */}
{fullWidth
? 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'>
<Tabs>
{slotRight}

View File

@@ -74,7 +74,7 @@ const Catalog = ({ post }) => {
notion-table-of-contents-item-indent-level-${tocItem.indentLevel} `}
>
<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}
</span>

View File

@@ -74,7 +74,7 @@ const Toc = ({ toc }) => {
className={`notion-table-of-contents-item duration-300 transform font-light
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}
</span>
</a>

View File

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