From a06904729150d66497bb2c450624169837070aef Mon Sep 17 00:00:00 2001
From: tangly1024 <mail@tangly1024.com>
Date: Wed, 5 Apr 2023 13:12:10 +0800
Subject: [PATCH] =?UTF-8?q?hexo=20=E4=B8=8A=E8=BE=B9=E8=B7=9D=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/hexo/LayoutArchive.js       | 3 ++-
 themes/hexo/LayoutBase.js          | 2 +-
 themes/hexo/LayoutCategory.js      | 2 +-
 themes/hexo/LayoutCategoryIndex.js | 2 +-
 themes/hexo/LayoutPage.js          | 2 +-
 themes/hexo/LayoutSearch.js        | 2 +-
 themes/hexo/LayoutTag.js           | 2 +-
 themes/hexo/LayoutTagIndex.js      | 2 +-
 8 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/themes/hexo/LayoutArchive.js b/themes/hexo/LayoutArchive.js
index dab9d1ce..94dc9267 100644
--- a/themes/hexo/LayoutArchive.js
+++ b/themes/hexo/LayoutArchive.js
@@ -17,7 +17,8 @@ export const LayoutArchive = (props) => {
       }, 300)
     }
   }, [])
-  return <LayoutBase {...props} >
+
+  return <LayoutBase {...props} className='pt-8'>
     <Card className='w-full'>
     <div className="mb-10 pb-20 bg-white md:p-12 p-3 min-h-full dark:bg-hexo-black-gray">
         {Object.keys(archivePosts).map(archiveTitle => (
diff --git a/themes/hexo/LayoutBase.js b/themes/hexo/LayoutBase.js
index 8f7267a9..27c8e1a9 100644
--- a/themes/hexo/LayoutBase.js
+++ b/themes/hexo/LayoutBase.js
@@ -75,7 +75,7 @@ const LayoutBase = props => {
 
       <main id="wrapper" className="bg-hexo-background-gray dark:bg-black w-full py-8 md:px-8 lg:px-24 min-h-screen relative">
         <div id="container-inner" className={(BLOG.LAYOUT_SIDEBAR_REVERSE ? 'flex-row-reverse' : '') + ' w-full mx-auto lg:flex lg:space-x-4 justify-center relative z-10'} >
-          <div className="w-full max-w-4xl h-full">
+          <div className={'w-full max-w-4xl h-full ' + props.className}>
             {onLoading ? <LoadingCover /> : children}
           </div>
           <SideRight {...props} slot={rightAreaSlot} />
diff --git a/themes/hexo/LayoutCategory.js b/themes/hexo/LayoutCategory.js
index 12abfa10..7df32650 100644
--- a/themes/hexo/LayoutCategory.js
+++ b/themes/hexo/LayoutCategory.js
@@ -5,7 +5,7 @@ import BLOG from '@/blog.config'
 
 export const LayoutCategory = props => {
   const { category } = props
-  return <LayoutBase {...props}>
+  return <LayoutBase {...props} className='mt-8'>
         <div className="cursor-pointer text-lg px-5 py-1 mb-2 font-light hover:text-indigo-700 dark:hover:text-indigo-400 transform dark:text-white">
             <i className="mr-1 far fa-folder-open" />
             {category}
diff --git a/themes/hexo/LayoutCategoryIndex.js b/themes/hexo/LayoutCategoryIndex.js
index fc03ded2..0d0a24d0 100644
--- a/themes/hexo/LayoutCategoryIndex.js
+++ b/themes/hexo/LayoutCategoryIndex.js
@@ -7,7 +7,7 @@ export const LayoutCategoryIndex = props => {
   const { categoryOptions } = props
   const { locale } = useGlobal()
   return (
-    <LayoutBase {...props}>
+    <LayoutBase {...props} className='mt-8'>
       <Card className="w-full min-h-screen">
         <div className="dark:text-gray-200 mb-5 mx-3">
           <i className="mr-4 fas fa-th" />
diff --git a/themes/hexo/LayoutPage.js b/themes/hexo/LayoutPage.js
index b0841c1c..ac32c985 100644
--- a/themes/hexo/LayoutPage.js
+++ b/themes/hexo/LayoutPage.js
@@ -2,7 +2,7 @@ import BlogPostListPage from './components/BlogPostListPage'
 import LayoutBase from './LayoutBase'
 
 export const LayoutPage = (props) => {
-  return <LayoutBase {...props}>
+  return <LayoutBase {...props} className='mt-8'>
       <BlogPostListPage {...props}/>
   </LayoutBase>
 }
diff --git a/themes/hexo/LayoutSearch.js b/themes/hexo/LayoutSearch.js
index ae1e938a..bf9c6daa 100644
--- a/themes/hexo/LayoutSearch.js
+++ b/themes/hexo/LayoutSearch.js
@@ -38,7 +38,7 @@ export const LayoutSearch = props => {
     }, 100)
   })
   return (
-      <LayoutBase {...props} currentSearch={currentSearch}>
+      <LayoutBase {...props} currentSearch={currentSearch} className='pt-8'>
           {!currentSearch && <>
               <div className="my-6 px-2">
                   <SearchInput cRef={cRef} {...props} />
diff --git a/themes/hexo/LayoutTag.js b/themes/hexo/LayoutTag.js
index df25463a..36a9ce7d 100644
--- a/themes/hexo/LayoutTag.js
+++ b/themes/hexo/LayoutTag.js
@@ -11,7 +11,7 @@ export const LayoutTag = (props) => {
   })
 
   return (
-      <LayoutBase {...props}>
+      <LayoutBase {...props} className='mt-8'>
             {tag && (
                 <div className="cursor-pointer px-3 py-2 mb-2 font-light hover:text-indigo-700 dark:hover:text-indigo-400 transform dark:text-white">
                     <Link
diff --git a/themes/hexo/LayoutTagIndex.js b/themes/hexo/LayoutTagIndex.js
index b754e1e3..5e83966a 100644
--- a/themes/hexo/LayoutTagIndex.js
+++ b/themes/hexo/LayoutTagIndex.js
@@ -7,7 +7,7 @@ export const LayoutTagIndex = props => {
   const { tagOptions } = props
   const { locale } = useGlobal()
   return (
-    <LayoutBase {...props}>
+    <LayoutBase {...props} className='mt-8'>
       <Card className='w-full'>
         <div className="dark:text-gray-200 mb-5 ml-4">
           <i className="mr-4 fas fa-tag" />