whai/cherry-studio
1
1
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

style: update antdesign segmented styles

Browse Source
This commit is contained in:
kangfenmao 2024-11-19 15:17:54 +08:00
parent 771b078df9
commit c0c0e8ae33
2 changed files with 33 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/renderer/src/assets/styles/ant.scss
View File

@ -42,35 +42,6 @@
-webkit-app-region: no-drag; -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 { .message-attachments {
.ant-upload-list-item:hover { .ant-upload-list-item:hover {
background-color: initial !important; background-color: initial !important;

35
src/renderer/src/pages/home/Tabs/index.tsx
View File

@ -6,7 +6,7 @@ import { useShowTopics } from '@renderer/hooks/useStore'
import { EVENT_NAMES, EventEmitter } from '@renderer/services/EventService' import { EVENT_NAMES, EventEmitter } from '@renderer/services/EventService'
import { Assistant, Topic } from '@renderer/types' import { Assistant, Topic } from '@renderer/types'
import { uuid } from '@renderer/utils' import { uuid } from '@renderer/utils'
import { Segmented, SegmentedProps } from 'antd' import { Segmented as AntSegmented, SegmentedProps } from 'antd'
import { FC, useEffect, useState } from 'react' import { FC, useEffect, useState } from 'react'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
import styled from 'styled-components' import styled from 'styled-components'
@ -98,7 +98,6 @@ const HomeTabs: FC<Props> = ({ activeAssistant, activeTopic, setActiveAssistant,
{showTab && ( {showTab && (
<Segmented <Segmented
value={tab} value={tab}
className="segmented-tab"
style={{ style={{
borderRadius: 0, borderRadius: 0,
padding: '10px 0', padding: '10px 0',
@ -166,4 +165,36 @@ const TabContent = styled.div`
overflow-x: hidden; 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 export default HomeTabs