From cd7badcd8ff2e708e298639c6d55d6e339ff5456 Mon Sep 17 00:00:00 2001
From: Chen Junda <ddadaal@outlook.com>
Date: Thu, 6 Oct 2022 10:47:04 +0800
Subject: [PATCH] feat(mis-web): update style for init tabs

---
 .../src/pageComponents/init/InitLayout.tsx    | 23 ++++++++++++-------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/apps/mis-web/src/pageComponents/init/InitLayout.tsx b/apps/mis-web/src/pageComponents/init/InitLayout.tsx
index d5612bb9f0..2278e51c2a 100644
--- a/apps/mis-web/src/pageComponents/init/InitLayout.tsx
+++ b/apps/mis-web/src/pageComponents/init/InitLayout.tsx
@@ -20,17 +20,24 @@ const CompleteButtonContainer = styled.div`
   right: 0;
 `;
 
+const TabItems = [
+  { label: <Link href="/init/importUsers">导入用户</Link>, key: "/init/importUsers" },
+  { label: <Link href="/init/users">用户账户管理</Link>, key: "/init/users" },
+  { label: <Link href="/init/createInitAdmin">创建初始管理员用户</Link>, key: "/init/createInitAdmin" },
+  { label: <Link href="/init/jobPriceTable">编辑作业价格表</Link>, key: "/init/jobPriceTable" },
+];
+
+const TabsContainer = styled.div`
+  .ant-tabs-tab:not(.ant-tabs-tab-active) a {
+    color: initial;
+  }
+`;
+
 export const InitTab: React.FC = () => {
-  const TabItems = [
-    { label: (<Link href="/init/importUsers">导入用户</Link>), key: "/init/importUsers" },
-    { label: (<Link href="/init/users">用户账户管理</Link>), key: "/init/users" },
-    { label: (<Link href="/init/createInitAdmin">创建初始管理员用户</Link>), key: "/init/createInitAdmin" },
-    { label: (<Link href="/init/jobPriceTable">编辑作业价格表</Link>), key: "/init/jobPriceTable" },
-  ];
   return (
-    <div>
+    <TabsContainer>
       <Tabs centered items={TabItems} activeKey={useRouter().asPath}/>
-    </div>
+    </TabsContainer>
   );
 };