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

Hexo 样式微调

Browse Source
This commit is contained in:
tangly1024
2022-02-28 14:51:48 +08:00
parent bca2a9a632
commit 8d91ad7110
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
themes/Hexo/LayoutBase.js
View File

@@ -46,14 +46,14 @@ const LayoutBase = (props) => {
<main id='wrapper' className='flex w-full justify-center py-8 min-h-screen'> <main id='wrapper' className='flex w-full justify-center py-8 min-h-screen'>
<div id='container-inner' className='pt-14 w-full mx-auto flex justify-between space-x-4 max-w-6xl'> <div id='container-inner' className='pt-14 w-full mx-auto flex justify-between space-x-4 max-w-7xl'>
<div className='flex-grow w-full'>{children}</div> <div className='flex-grow w-full'>{children}</div>
<SideRight {...props}/> <SideRight {...props}/>
</div> </div>
</main> </main>
{/* 右下角悬浮 */} {/* 右下角悬浮 */}
<div className='right-8 bottom-12 lg:right-2 fixed justify-end z-20 font-sans'> <div className='right-8 bottom-12 lg:right-2 fixed justify-end z-20 font-sans'>
<div className={(show ? 'animate__animated ' : 'hidden') + ' animate__fadeInUp rounded-md glassmorphism justify-center duration-500 animate__faster flex space-x-2 items-center cursor-pointer '}> <div className={(show ? 'animate__animated ' : 'hidden') + ' animate__fadeInUp rounded-md glassmorphism justify-center duration-500 animate__faster flex space-x-2 items-center cursor-pointer '}>
<JumpToTopButton percent={percent}/> <JumpToTopButton percent={percent}/>

2
themes/Hexo/components/SideRight.js
View File

@@ -23,7 +23,7 @@ export default function SideRight (props) {
showTag showTag
} = props } = props
return ( return (
<div className='w-72 space-y-4 hidden lg:block'> <div className='w-96 space-y-4 hidden lg:block'>
<Card> <Card>
<div <div
className='justify-center items-center flex hover:rotate-45 py-6 hover:scale-105 transform duration-200 cursor-pointer' className='justify-center items-center flex hover:rotate-45 py-6 hover:scale-105 transform duration-200 cursor-pointer'

4
themes/Hexo/components/TopNav.js
View File

@@ -91,7 +91,7 @@ const TopNav = ({ tags, currentTag, categories, currentCategory, postCount }) =>
{/* 导航栏 */} {/* 导航栏 */}
<div id='sticky-nav' className={`${CONFIG_HEXO.NAV_TYPE !== 'normal' ? 'fixed bg-white' : ' bg-none -mb-10'} bg-opacity-70 text-black w-full top-0 z-20 transform duration-500 font-sans`}> <div id='sticky-nav' className={`${CONFIG_HEXO.NAV_TYPE !== 'normal' ? 'fixed bg-white' : ' bg-none -mb-10'} bg-opacity-70 text-black w-full top-0 z-20 transform duration-500 font-sans`}>
<div className='w-full flex justify-between items-center px-4 py-2 shadow-md'> <div className='w-full flex justify-between items-center px-4 py-2 shad'>
<div className='flex'> <div className='flex'>
<Logo/> <Logo/>
</div> </div>
@@ -104,7 +104,7 @@ const TopNav = ({ tags, currentTag, categories, currentCategory, postCount }) =>
</div> </div>
</div> </div>
<Collapse isOpen={isOpen} className='shadow-xl'> <Collapse isOpen={isOpen} className='shadow-xl rounded-b-xl'>
<div className='bg-white pt-1 py-2 px-5'> <div className='bg-white pt-1 py-2 px-5'>
<MenuButtonGroup postCount={postCount}/> <MenuButtonGroup postCount={postCount}/>
<SearchInput/> <SearchInput/>