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

refactor(DisplaySettings): update button styles for zoom controls and color picker to enhance UI consistency

Browse Source
This commit is contained in:
Teo 2025-06-11 13:46:30 +08:00 committed by kangfenmao
parent b41c89972b
commit 76387643f7
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/renderer/src/pages/settings/DisplaySettings/DisplaySettings.tsx
View File

@ -172,7 +172,7 @@ const DisplaySettings: FC = () => {
value={userTheme.colorPrimary}
onChange={(color) => handleColorPrimaryChange(color.toHexString())}
showText
style={{ width: '110px' }}
size="small"
presets={[
{
label: 'Presets',
@ -198,13 +198,15 @@ const DisplaySettings: FC = () => {
<SettingRow>
<SettingRowTitle>{t('settings.zoom.title')}</SettingRowTitle>
<ZoomButtonGroup>
<Button onClick={() => handleZoomFactor(-0.1)} icon={<Minus size="14" />} />
<Button onClick={() => handleZoomFactor(-0.1)} icon={<Minus size="14" />} color="default" variant="text" />
<ZoomValue>{Math.round(currentZoom * 100)}%</ZoomValue>
<Button onClick={() => handleZoomFactor(0.1)} icon={<Plus size="14" />} />
<Button onClick={() => handleZoomFactor(0.1)} icon={<Plus size="14" />} color="default" variant="text" />
<Button
onClick={() => handleZoomFactor(0, true)}
style={{ marginLeft: 8 }}
icon={<RotateCcw size="14" />}
color="default"
variant="text"
/>
</ZoomButtonGroup>
</SettingRow>