Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2025-12-24 18:50:56 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

refactor(TranslatePromptSettings): replace RedoOutlined with ResetIcon and update button styles

Browse Source 
migrate icon usage to custom ResetIcon component and improve button styling
add TODO comment for future button component migration
This commit is contained in:
icarus 2025-10-30 17:18:22 +08:00
parent ac917e12f2
commit e59dfdd27d
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/renderer/src/pages/settings/TranslateSettingsPopup/TranslatePromptSettings.tsx
View File

@ -1,5 +1,4 @@
import { RedoOutlined } from '@ant-design/icons'
import { RowFlex } from '@cherrystudio/ui'
import { ResetIcon, RowFlex } from '@cherrystudio/ui'
import { Tooltip } from '@cherrystudio/ui'
import { usePreference } from '@data/hooks/usePreference'
import { useTheme } from '@renderer/context/ThemeProvider'
@ -31,7 +30,7 @@ const TranslatePromptSettings = () => {
{localPrompt !== TRANSLATE_PROMPT && (
<Tooltip content={t('common.reset')}>
<ResetButton type="reset" onClick={onResetTranslatePrompt}>
<RedoOutlined size={16} />
<ResetIcon size={16} />
</ResetButton>
</Tooltip>
)}
@ -48,6 +47,7 @@ const TranslatePromptSettings = () => {
)
}
// TODO: Should be migrated to consistent button component
const ResetButton = styled.button`
background-color: transparent;
border: none;
@ -56,9 +56,12 @@ const ResetButton = styled.button`
padding: 0;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
&:hover {
background: var(--color-list-item);
background: color-mix(in srgb, var(--color-list-item) 95%, #000);
border-radius: 8px;
}
`