Hexo 样式微调

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

View File

@@ -46,14 +46,14 @@ const LayoutBase = (props) => {
<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>
<SideRight {...props}/>
</div>
</main>
{/* 右下角悬浮 */}
{/* 右下角悬浮 */}
<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 '}>
<JumpToTopButton percent={percent}/>

View File

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

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 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'>
<Logo/>
</div>
@@ -104,7 +104,7 @@ const TopNav = ({ tags, currentTag, categories, currentCategory, postCount }) =>
</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'>
<MenuButtonGroup postCount={postCount}/>
<SearchInput/>