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

feature:

Browse Source 
首屏打开优化；
banner图加入配置；
This commit is contained in:
tangly1024
2021-12-24 12:31:02 +08:00
parent 72cc521ae6
commit 4fd338119f
5 changed files with 18 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/Header.js
View File

@@ -1,6 +1,6 @@
import BLOG from '@/blog.config'
import { useGlobal } from '@/lib/global'
import { faArrowDown } from '@fortawesome/free-solid-svg-icons'
import { faAngleDown } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { useCallback, useEffect, useState } from 'react'
import Typed from 'typed.js'
@@ -93,7 +93,7 @@ export default function Header () {
style={{
height: 'calc(100vh + 1px)',
backgroundImage:
'linear-gradient(rgba(0, 0, 0, 0.5), rgba(0,0,0,0.4), rgba(0, 0, 0, 0.5) ),url("./bg_image.jpg")'
`linear-gradient(rgba(0, 0, 0, 0.8), rgba(0,0,0,0.2), rgba(0, 0, 0, 0.8) ),url("${BLOG.bannerImage}")`
}}
>
<div className="absolute z-10 flex h-full items-center -mt-14 justify-center w-full text-4xl md:text-7xl text-white">
@@ -103,9 +103,9 @@ export default function Header () {
onClick={() => {
scrollTo(wrapperTop, autoScrollEnd)
}}
className="cursor-pointer w-full text-center text-2xl animate-bounce absolute bottom-10 text-white"
className="cursor-pointer w-full text-center py-4 text-5xl animate-bounce absolute bottom-10 text-white"
>
<FontAwesomeIcon icon={faArrowDown} />
<FontAwesomeIcon icon={faAngleDown} />
</div>
</header>
)