From ca06994d50b4d9bc50be3dd53defae9910351172 Mon Sep 17 00:00:00 2001
From: tangly1024 <tlyong1992@hotmail.com>
Date: Sun, 2 Jan 2022 10:30:50 +0800
Subject: [PATCH] =?UTF-8?q?feature:=20Tabs=E7=BB=84=E4=BB=B6=E5=BE=AE?=
 =?UTF-8?q?=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Tabs.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/Tabs.js b/components/Tabs.js
index 684a1a7b..0ce4a646 100644
--- a/components/Tabs.js
+++ b/components/Tabs.js
@@ -18,7 +18,7 @@ const Tabs = ({ children }) => {
   })
 
   if (count === 1) {
-    return <section>
+    return <section className='shadow'>
       {children}
     </section>
   }
@@ -31,15 +31,15 @@ const Tabs = ({ children }) => {
   return (
     <section >
       {<div className='shadow hidden lg:block mb-5 py-4 px-5 bg-white dark:bg-gray-800  hover:shadow-xl duration-200'>
-        <ul className='flex justify-center space-x-5 pb-4 cursor-pointer dark:text-gray-400 text-gray-600'>
+        <ul className='flex justify-center space-x-5 pb-4 dark:text-gray-400 text-gray-600'>
           {children.map((item, index) => {
-            return <li key={index} className={currentTab === index ? 'font-black border-b' : 'font-extralight'} onClick={() => { tabClickHandle(index) }}>
+            return <li key={index} className={currentTab === index ? 'font-black border-b' : 'font-extralight cursor-pointer'} onClick={() => { tabClickHandle(index) }}>
               {item?.key}
             </li>
           })}
         </ul>
         {children.map((item, index) => {
-          return <section key={index} className={`tabContent ${currentTab === index ? 'block' : 'hidden'}`}>
+          return <section key={index} className={`${currentTab === index ? 'block' : 'hidden'}`}>
               {item}
             </section>
         })}