HEO 404页面深色模式

This commit is contained in:
tangly1024.com
2023-10-18 17:10:56 +08:00
parent 2a95a83153
commit 503039df85
2 changed files with 6 additions and 6 deletions

View File

@@ -32,7 +32,7 @@ const LatestPostsGroup = ({ latestPosts, siteInfo }) => {
<div
className={
' font-bold overflow-x-hidden hover:text-indigo-600 px-2 duration-200 w-full rounded ' +
' font-bold overflow-x-hidden dark:text-white hover:text-indigo-600 px-2 duration-200 w-full rounded ' +
' hover:text-indigo-400 cursor-pointer'
}
>

View File

@@ -392,7 +392,7 @@ const Layout404 = props => {
return (
<div
id="theme-heo"
className="bg-[#f7f9fe] h-full min-h-screen flex flex-col"
className="bg-[#f7f9fe] dark:bg-[#18171d] h-full min-h-screen flex flex-col"
>
{/* 网页SEO */}
<CommonHead meta={meta} siteInfo={siteInfo} />
@@ -424,7 +424,7 @@ const Layout404 = props => {
unmount={false}
>
{/* 404卡牌 */}
<div className="error-content flex flex-col md:flex-row w-full mt-12 h-[30rem] md:h-96 justify-center items-center bg-white border rounded-3xl">
<div className="error-content flex flex-col md:flex-row w-full mt-12 h-[30rem] md:h-96 justify-center items-center bg-white dark:bg-[#1B1C20] border dark:border-gray-800 rounded-3xl">
{/* 左侧动图 */}
<LazyImage
className="error-img h-60 md:h-full p-4"
@@ -433,12 +433,12 @@ const Layout404 = props => {
{/* 右侧文字 */}
<div className="error-info flex-1 flex flex-col justify-center items-center space-y-4">
<h1 className="error-title font-extrabold md:text-9xl text-7xl">
<h1 className="error-title font-extrabold md:text-9xl text-7xl dark:text-white">
404
</h1>
<div>请尝试站内搜索寻找文章</div>
<div className='dark:text-white'>请尝试站内搜索寻找文章</div>
<Link href="/">
<button className="bg-blue-500 p-2 text-white shadow rounded-lg hover:bg-blue-600 hover:shadow-md duration-200 transition-all">
<button className="bg-blue-500 py-2 px-4 text-white shadow rounded-lg hover:bg-blue-600 hover:shadow-md duration-200 transition-all">
回到主页
</button>
</Link>