From 2f865d463bab982be67f916daa1d3408b83859c7 Mon Sep 17 00:00:00 2001
From: kangfenmao <kangfenmao@qq.com>
Date: Tue, 19 Nov 2024 15:17:54 +0800
Subject: [PATCH] style: update antdesign segmented styles

---
 src/renderer/src/assets/styles/ant.scss    | 29 ------------------
 src/renderer/src/pages/home/Tabs/index.tsx | 35 ++++++++++++++++++++--
 2 files changed, 33 insertions(+), 31 deletions(-)

diff --git a/src/renderer/src/assets/styles/ant.scss b/src/renderer/src/assets/styles/ant.scss
index 2a461e8942..11fe215a27 100644
--- a/src/renderer/src/assets/styles/ant.scss
+++ b/src/renderer/src/assets/styles/ant.scss
@@ -42,35 +42,6 @@
   -webkit-app-region: no-drag;
 }
 
-.segmented-tab {
-  .ant-segmented-item {
-    overflow: hidden;
-  }
-  .ant-segmented-item-selected {
-    background-color: var(--color-background-mute);
-  }
-  .ant-segmented-item-label {
-    align-items: center;
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    font-size: 13px;
-  }
-  .iconfont {
-    font-size: 13px;
-    margin-left: -2px;
-  }
-  .anticon-setting {
-    font-size: 12px;
-  }
-  .icon-business-smart-assistant {
-    margin-right: -2px;
-  }
-  .ant-segmented-item-icon + * {
-    margin-left: 4px;
-  }
-}
-
 .message-attachments {
   .ant-upload-list-item:hover {
     background-color: initial !important;
diff --git a/src/renderer/src/pages/home/Tabs/index.tsx b/src/renderer/src/pages/home/Tabs/index.tsx
index 7d3fcec84b..e21d99a930 100644
--- a/src/renderer/src/pages/home/Tabs/index.tsx
+++ b/src/renderer/src/pages/home/Tabs/index.tsx
@@ -6,7 +6,7 @@ import { useShowTopics } from '@renderer/hooks/useStore'
 import { EVENT_NAMES, EventEmitter } from '@renderer/services/EventService'
 import { Assistant, Topic } from '@renderer/types'
 import { uuid } from '@renderer/utils'
-import { Segmented, SegmentedProps } from 'antd'
+import { Segmented as AntSegmented, SegmentedProps } from 'antd'
 import { FC, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import styled from 'styled-components'
@@ -98,7 +98,6 @@ const HomeTabs: FC<Props> = ({ activeAssistant, activeTopic, setActiveAssistant,
       {showTab && (
         <Segmented
           value={tab}
-          className="segmented-tab"
           style={{
             borderRadius: 0,
             padding: '10px 0',
@@ -166,4 +165,36 @@ const TabContent = styled.div`
   overflow-x: hidden;
 `
 
+const Segmented = styled(AntSegmented)`
+  .ant-segmented-item {
+    overflow: hidden;
+    height: 30px;
+    line-height: 30px;
+  }
+  .ant-segmented-item-selected {
+    background-color: var(--color-background-mute);
+  }
+  .ant-segmented-item-label {
+    align-items: center;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    font-size: 13px;
+    height: 100%;
+  }
+  .iconfont {
+    font-size: 13px;
+    margin-left: -2px;
+  }
+  .anticon-setting {
+    font-size: 12px;
+  }
+  .icon-business-smart-assistant {
+    margin-right: -2px;
+  }
+  .ant-segmented-item-icon + * {
+    margin-left: 4px;
+  }
+`
+
 export default HomeTabs