From 8aefd5546a9c3b24a40b52adec71279e1e2b3c53 Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Wed, 13 Oct 2021 12:54:03 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/MenuButtonGroup.js | 2 +-
 components/SideBar.js         | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/MenuButtonGroup.js b/components/MenuButtonGroup.js
index 5b9b2d70..4908e72e 100644
--- a/components/MenuButtonGroup.js
+++ b/components/MenuButtonGroup.js
@@ -30,7 +30,7 @@ const MenuButtonGroup = ({ allowCollapse = false }) => {
                 <div className='my-auto w-5 text-2xl justify-center flex'>
                   <i className={'fa ' + link.icon} />
                 </div>
-                <div className={(allowCollapse ? 'hidden 2xl:block' : '') + ' ml-4 w-32'}>{link.name}</div>
+                <div className={(allowCollapse ? 'hidden xl:block' : '') + ' ml-4 w-32'}>{link.name}</div>
               </li>
             </Link>
           )
diff --git a/components/SideBar.js b/components/SideBar.js
index c3eb8ea2..a9b2bda1 100644
--- a/components/SideBar.js
+++ b/components/SideBar.js
@@ -3,10 +3,10 @@ import TocBar from '@/components/TocBar'
 import MenuButtonGroup from '@/components/MenuButtonGroup'
 
 const SideBar = ({ tags, currentTag, post }) => {
-  return <aside className='z-10 bg-white dark:border-gray-500 border-gray-200 hidden xl:block'>
+  return <aside className='z-10 bg-white dark:border-gray-500 border-gray-200 hidden md:block'>
     <div className='dark:bg-gray-800 border-r dark:border-gray-700 h-full scroll-hidden left-0 duration-500 ease-in-out min-h-screen'>
       <div className='hidden md:block sticky top-16'>
-        <div className={post ? 'hidden 2xl:block' : 'block'}>
+        <div className={post ? 'hidden xl:block' : 'block'}>
           <MenuButtonGroup allowCollapse={true}/>
         </div>
       </div>