From a342033d8ba5c965ad99cb35f9ca2d58e2d57482 Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Tue, 11 Jan 2022 16:03:10 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/JumpToTopButton.js | 2 +-
 layouts/BaseLayout.js         | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/JumpToTopButton.js b/components/JumpToTopButton.js
index 0a4e28ee..c95c3111 100644
--- a/components/JumpToTopButton.js
+++ b/components/JumpToTopButton.js
@@ -21,7 +21,7 @@ const JumpToTopButton = ({ showPercent = true, percent }) => {
         <div className='dark:text-gray-200' title={locale.POST.TOP} >
           <FontAwesomeIcon icon={faArrowUp} />
         </div>
-        {showPercent && (<div className='text-xs dark:text-gray-200'>{percent}%</div>)}
+        {showPercent && (<div className='text-xs dark:text-gray-200 block lg:hidden'>{percent}%</div>)}
     </div>)
 }
 
diff --git a/layouts/BaseLayout.js b/layouts/BaseLayout.js
index c7218e86..d4b5b572 100644
--- a/layouts/BaseLayout.js
+++ b/layouts/BaseLayout.js
@@ -96,8 +96,8 @@ const BaseLayout = ({
           <SideAreaRight targetRef={targetRef} post={post} slot={rightAreaSlot} postCount={postCount} tags={tags} currentSearch={currentSearch} currentTag={currentTag} categories={categories} currentCategory={currentCategory}/>
       </main>
 
-      <div className='right-4 bottom-2 fixed justify-end z-20 glassmorphism rounded font-sans'>
-      <div className={(show ? 'animate__animated ' : 'hidden') + ' m-3 animate__fadeInUp justify-center duration-500  animate__faster flex space-x-2 items-center cursor-pointer '}>
+      <div className='right-4 lg:right-2 bottom-2 fixed justify-end z-20  rounded font-sans'>
+      <div className={(show ? 'animate__animated ' : 'hidden') + ' px-3 py-2 animate__fadeInUp glassmorphism justify-center duration-500  animate__faster flex space-x-2 items-center cursor-pointer '}>
         <JumpToTopButton percent={percent}/>
         <JumpToBottomButton />
         <FloatDarkModeButton/>