From 950b8fc358e0c4970fddc9dcea184f2318c0432c Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Tue, 21 Dec 2021 16:45:31 +0800
Subject: [PATCH] =?UTF-8?q?feature:=20=E6=96=87=E7=AB=A0=E6=BA=A2=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/RecommendPosts.js |  2 +-
 layouts/BaseLayout.js        | 32 +++++++++++++++++---------------
 2 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/components/RecommendPosts.js b/components/RecommendPosts.js
index 8ed1ec0b..f3aeb7c1 100644
--- a/components/RecommendPosts.js
+++ b/components/RecommendPosts.js
@@ -6,7 +6,7 @@ import { useGlobal } from '@/lib/global'
  * 展示文章推荐
  */
 const RecommendPosts = ({ recommendPosts }) => {
-  if (!recommendPosts) {
+  if (!recommendPosts || recommendPosts.length < 1) {
     return <></>
   }
   const { locale } = useGlobal()
diff --git a/layouts/BaseLayout.js b/layouts/BaseLayout.js
index 948ad096..8738af70 100644
--- a/layouts/BaseLayout.js
+++ b/layouts/BaseLayout.js
@@ -71,26 +71,28 @@ const BaseLayout = ({
       {/* 顶部导航栏 */}
       <TopNav tags={tags} post={post} posts={totalPosts} currentSearch={currentSearch} categories={categories} currentCategory={currentCategory} />
 
-      <div className='flex max-w-full mx-auto lg:px-16 lg:space-x-10 md:pt-8 pb-12 '>
+      <div className='flex justify-center px-5'>
+        <div className='mx-auto flex md:pt-8 pb-12'>
 
-        <div id='left' className='hidden xl:block flex-col w-72'>
-          <SideAreaLeft title={meta.title} post={post} posts={totalPosts} tags={tags} currentSearch={currentSearch} currentTag={currentTag} categories={categories} currentCategory={currentCategory} />
-        </div>
+          <div id='left' className='hidden lg:block flex-col w-72'>
+            <SideAreaLeft title={meta.title} post={post} posts={totalPosts} tags={tags} currentSearch={currentSearch} currentTag={currentTag} categories={categories} currentCategory={currentCategory} />
+          </div>
 
-        <div id='center' className='flex flex-grow min-h-screen' ref={targetRef}>
-          {onLoading
-            ? <LoadingCover/>
-            : <div className='flex-grow'>
-              {children}
-            </div>
-          }
-        </div>
+          <div id='center' className='flex max-w-4xl min-h-screen md:mx-10' ref={targetRef}>
+            {onLoading
+              ? <LoadingCover/>
+              : <>
+                {children}
+              </>
+            }
+          </div>
 
-        <div id='right' className='hidden xl:block flex-col w-72'>
-          <SideAreaRight post={post} posts={totalPosts} tags={tags} currentSearch={currentSearch} currentTag={currentTag} categories={categories} currentCategory={currentCategory}/>
-        </div>
+          <div id='right' className='hidden 2xl:block flex-col w-72'>
+            <SideAreaRight post={post} posts={totalPosts} tags={tags} currentSearch={currentSearch} currentTag={currentTag} categories={categories} currentCategory={currentCategory}/>
+          </div>
 
         </div>
+      </div>
 
       <Footer title={meta.title}/>
       <JumpToTopButton targetRef={targetRef} showPercent={true} />