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

颜色调整

Browse Source
This commit is contained in:
tangly1024
2022-01-07 11:05:48 +08:00
parent a9b8e0448c
commit 7fce591750
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/Progress.js
View File

@@ -25,7 +25,7 @@ const Progress = ({ targetRef, showPercent = true }) => {
}, [percent])
return (<div className='h-4 w-full shadow-2xl bg-gray-400'>
<div className='h-4 bg-red-400 duration-200' style={{ width: `${percent}%` }}>
<div className='h-4 bg-gray-600 duration-200' style={{ width: `${percent}%` }}>
{showPercent && <div className='text-right text-white text-xs'>{percent}%</div>}
</div>
</div>)

2
components/Tabs.js
View File

@@ -39,7 +39,7 @@ const Tabs = ({ children }) => {
})}
</ul>
{children.map((item, index) => {
return <section key={index} className={`${currentTab === index ? 'block' : 'hidden'}`}>
return <section key={index} className={`${currentTab === index ? 'block animate__animated animate__fadeIn animate__faster' : 'hidden'}`}>
{item}
</section>
})}

2
components/Toc.js
View File

@@ -71,7 +71,7 @@ const Toc = ({ toc, targetRef }) => {
display: 'inline-block',
marginLeft: tocItem.indentLevel * 16
}}
className={`${activeSection === id && ' font-bold text-red-400 animate__animated animate__jello'}`}
className={`${activeSection === id && ' font-bold text-red-400 underline'}`}
>
{tocItem.text}
</span>