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

样式微调、加入背景色，加入Tidio在线聊天

Browse Source
This commit is contained in:
tangly1024
2021-10-29 17:50:41 +08:00
parent b0164e1e39
commit 634ea6c389
10 changed files with 29 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/Drawer.js
View File

@@ -63,7 +63,7 @@ const Drawer = ({ post, currentTag, cRef, tags }) => {
</div>
</div>
{/* 背景蒙版 */}
<div className={(showDrawer ? 'block' : 'hidden') + ' fixed top-0 left-0 z-30 w-full h-full bg-black bg-opacity-50'}
<div id='drawer-background' className={(showDrawer ? 'block' : 'hidden') + ' fixed top-0 left-0 z-30 w-full h-full bg-black bg-opacity-50'}
onClick={handleMenuClick} />
</>
}

2
components/DrawerRight.js
View File

@@ -44,7 +44,7 @@ const DrawerRight = ({ post, cRef }) => {
</div>
</div>
{/* 背景蒙版 */}
<div className={(showDrawer ? 'block' : 'hidden') + ' fixed top-0 left-0 z-30 w-full h-full bg-black bg-opacity-50'}
<div id='right-drawer-background' className={(showDrawer ? 'block' : 'hidden') + ' fixed top-0 left-0 z-30 w-full h-full bg-black bg-opacity-50'}
onClick={handleMenuClick} />
</div>
}

5
components/JumpToTop.js
View File

@@ -20,7 +20,6 @@ const JumpToTop = ({ targetRef, showPercent = true }) => {
const scrollY = window.pageYOffset
const fullHeight = clientHeight - window.outerHeight
const shouldShow = scrollY > 100
console.log(clientHeight, scrollY, fullHeight, shouldShow)
if (shouldShow !== show) {
switchShow(shouldShow)
}
@@ -38,8 +37,8 @@ const JumpToTop = ({ targetRef, showPercent = true }) => {
<div className='flex-wrap transform hover:scale-125 duration-200 '>
<div
onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}
style={{ backgroundColor: 'rgb(56, 144, 255)' }}
className={(show ? 'animate__fadeInUp' : 'animate__fadeOutUp') + ' p-1 cursor-pointer rounded-full animate__animated animate__faster shadow-xl'}>
style={{ 'box-shadow': 'rgba(41, 50, 60, 0.5) 0px 2px 16px' }}
className={(show ? 'animate__fadeInUp' : 'animate__fadeOutUp') + ' bg-gray-800 p-2 cursor-pointer rounded-full animate__animated animate__faster shadow-2xl'}>
<div className='text-center'>
<div className='w-10 text-xl text-gray-100' title={locale.POST.TOP} ><i className='fa fa-arrow-up'/> </div>
{showPercent && (<div className='w-10 text-xs text-gray-100 dark:text-gray-200 text-center'>{percent}%</div>)}

6
components/Logo.js
View File

@@ -4,8 +4,10 @@ import React from 'react'
const Logo = () => {
return <Link href='/'>
<div className='mx-auto text-center cursor-pointer text-3xl dark:bg-gray-900 dark:text-gray-300 font-semibold dark:hover:bg-gray-600 bg-gray-700 text-white p-2 hover:scale-105 hover:shadow-2xl duration-200 transform'>{BLOG.title}</div>
<div title={BLOG.title} className='mx-auto border text-center cursor-pointer text-xl dark:text-gray-300 font-semibold dark:hover:bg-gray-600 text-white p-2 hover:scale-105 hover:shadow-2xl duration-200 transform'>
<span className='text-red-600'>Tangly</span>
<span className='text-blue-400'>1024</span>
</div>
{/* <div className='transform hover:scale-110 duration-200 cursor-pointer'><img src='http://to-a.ru/DmOleR/img1' width={100} alt={BLOG.title} /></div> */}
</Link>

8
components/ThirdPartyScript.js
View File

@@ -25,6 +25,14 @@ const ThirdPartyScript = () => {
}}
/>
</>)}
{BLOG.TidioId && (<>
{/* Tidio在线反馈 */}
<script async
src={`//code.tidio.co/${BLOG.TidioId}.js`}
/>
</>)}
{/* 代码统计 */}
{BLOG.isProd && (<>
{/* GoogleAdsense */}