d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-06-02 07:26:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

优化主题hexo样式，修复几处问题，包括移动端分类按钮尺寸过小的问题，移除多出hr分割线美化暗色模式下视觉效果等

Browse Source
This commit is contained in:
emengweb
2023-04-24 10:51:56 +00:00
parent 67072250d8
commit 84fe9e5e63
13 changed files with 37 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
themes/hexo/components/Header.js
View File

@@ -7,7 +7,7 @@ import throttle from 'lodash.throttle'
let wrapperTop = 0
let windowTop = 0
let autoScroll = false
let autoScroll = true
const enableAutoScroll = false // 是否开启自动吸附滚动
/**
@@ -85,12 +85,12 @@ const Header = props => {
return (
<header id="header" style={{ zIndex: 1 }} className="w-full h-screen relative" >
<div id='header-cover' style={{ backgroundImage: `url('${siteInfo.pageCover}')` }}
<div id='header-cover' style={{ backgroundImage: `url('${siteInfo.pageCover}&w=1920')` }}
className={`header-cover bg-center w-full h-screen bg-cover ${CONFIG_HEXO.HOME_NAV_BACKGROUND_IMG_FIXED ? 'bg-fixed' : ''}`}/>
<div className="text-white absolute bottom-0 flex flex-col h-full items-center justify-center w-full ">
<div className='text-4xl md:text-5xl shadow-text'>{siteInfo?.title}</div>
<div className='mt-2 h-12 items-center text-center shadow-text text-lg'>
<div className='font-black text-4xl md:text-5xl shadow-text'>{siteInfo?.title}</div>
<div className='mt-2 h-12 items-center text-center font-medium shadow-text text-lg'>
<span id='typed' />
</div>
@@ -103,7 +103,8 @@ const Header = props => {
onClick={() => { window.scrollTo({ top: wrapperTop, behavior: 'smooth' }) }}
className="cursor-pointer w-full text-center py-4 text-3xl absolute bottom-10 text-white"
>
<i className='animate-bounce fas fa-angle-down' />
<div class="opacity-70 animate-bounce text-xs">点此继续</div>
<i className='opacity-70 animate-bounce fas fa-angle-down' />
</div>
</header>
)