feat(mis-web): update style for init tabs

PKUHPC · Oct 6, 2022 · cd7badc · cd7badc
1 parent 4d30cce
commit cd7badc
Showing 1 changed file with 15 additions and 8 deletions.
diff --git 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>
   );
 };