From 262dca325189e29f9c5fcde9f2ec0de16b2e0156 Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Wed, 26 Apr 2023 16:19:51 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=86=E4=BA=AB=E6=8C=89=E9=92=AE=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/ShareBar.js     |  2 +-
 components/ShareButtons.js | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/components/ShareBar.js b/components/ShareBar.js
index 1cf57776..39f7c3d9 100644
--- a/components/ShareBar.js
+++ b/components/ShareBar.js
@@ -12,7 +12,7 @@ const ShareBar = ({ post }) => {
 
   const shareUrl = BLOG.LINK + router.asPath
 
-  return <div className='py-1 flex'>
+  return <div className='py-1 flex overflow-x-auto'>
         <ShareButtons shareUrl={shareUrl} title={post.title} image={post.pageCover} body={
             post.title +
             ' | ' +
diff --git a/components/ShareButtons.js b/components/ShareButtons.js
index cc686d55..b1794cc8 100644
--- a/components/ShareButtons.js
+++ b/components/ShareButtons.js
@@ -333,16 +333,16 @@ const ShareButtons = ({ shareUrl, title, body, image }) => {
                 )
               }
               if (singleService === 'qq') {
-                return <button key={singleService} className='cursor-pointer w-8 h-8 bg-blue-600 text-white rounded-full mx-1'>
+                return <button key={singleService} className='cursor-pointer bg-blue-600 text-white rounded-full mx-1'>
                         <div target='_blank' rel='noreferrer' href={`http://connect.qq.com/widget/shareqq/index.html?url=${shareUrl}&sharesource=qzone&title=${title}&desc=${body}`} >
-                            <i className='fab fa-qq' />
+                            <i className='fab fa-qq w-8' />
                         </div>
                     </button>
               }
               if (singleService === 'wechat') {
-                return <button onMouseEnter={openPopover} onMouseLeave={closePopover} aria-label={singleService} key={singleService} className='relative cursor-pointer w-8 h-8 bg-green-600 text-white rounded-full mx-1'>
+                return <button onMouseEnter={openPopover} onMouseLeave={closePopover} aria-label={singleService} key={singleService} className='relative cursor-pointer bg-green-600 text-white rounded-full mx-1'>
                         <div id='wechat-button'>
-                            <i className='fab fa-weixin' />
+                            <i className='fab fa-weixin w-8' />
                         </div>
                         <div id='pop' className={(qrCodeShow ? 'opacity-100 ' : ' invisible opacity-0') + ' z-40 absolute bottom-10 -left-10 bg-white shadow-xl transition-all duration-200 text-center'}>
                                 <div className='p-2 mt-1'>
@@ -355,9 +355,9 @@ const ShareButtons = ({ shareUrl, title, body, image }) => {
                     </button>
               }
               if (singleService === 'link') {
-                return <button aria-label={singleService} key={singleService} className='cursor-pointer w-8 h-8 bg-yellow-500 text-white rounded-full mx-1'>
+                return <button aria-label={singleService} key={singleService} className='cursor-pointer bg-yellow-500 text-white rounded-full mx-1'>
                         <div alt={locale.COMMON.URL_COPIED} onClick={copyUrl} >
-                            <i className='fas fa-link' />
+                            <i className='fas fa-link w-8' />
                         </div>
                     </button>
               }