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

feat: change sidebar opacity

Browse Source
This commit is contained in:
kangfenmao 2024-08-12 22:35:35 +08:00
parent 57f9550891
commit 994ee8d7df
3 changed files with 33 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/renderer/src/assets/styles/index.scss
View File

@ -38,8 +38,8 @@
--color-scrollbar-thumb: rgba(255, 255, 255, 0.15); --color-scrollbar-thumb: rgba(255, 255, 255, 0.15);
--color-scrollbar-thumb-hover: rgba(255, 255, 255, 0.3); --color-scrollbar-thumb-hover: rgba(255, 255, 255, 0.3);
--navbar-background: rgba(0, 0, 0, 0.8); --navbar-background: rgba(30, 30, 30, 0.75);
--sidebar-background: rgba(0, 0, 0, 0.8); --sidebar-background: rgba(30, 30, 30, 0.75);
--input-bar-background: rgba(255, 255, 255, 0.02); --input-bar-background: rgba(255, 255, 255, 0.02);
--navbar-height: 42px; --navbar-height: 42px;

1
src/renderer/src/pages/home/Header.tsx
View File

@ -34,7 +34,6 @@ const HomeHeader: FC<Props> = ({ activeAssistant }) => {
} }
const AssistantName = styled.span` const AssistantName = styled.span`
font-weight: bold;
margin-left: 5px; margin-left: 5px;
margin-right: 10px; margin-right: 10px;
font-family: Ubuntu; font-family: Ubuntu;

64
src/renderer/src/pages/settings/AssistantSettings.tsx
View File

@ -77,6 +77,7 @@ const AssistantSettings: FC = () => {
placeholder={t('common.assistant') + t('common.name')} placeholder={t('common.assistant') + t('common.name')}
value={defaultAssistant.name} value={defaultAssistant.name}
onChange={(e) => updateDefaultAssistant({ ...defaultAssistant, name: e.target.value })} onChange={(e) => updateDefaultAssistant({ ...defaultAssistant, name: e.target.value })}
style={{ margin: '10px 0' }}
/> />
<SettingSubtitle>{t('common.prompt')}</SettingSubtitle> <SettingSubtitle>{t('common.prompt')}</SettingSubtitle>
<TextArea <TextArea
@ -84,17 +85,15 @@ const AssistantSettings: FC = () => {
placeholder={t('common.assistant') + t('common.prompt')} placeholder={t('common.assistant') + t('common.prompt')}
value={defaultAssistant.prompt} value={defaultAssistant.prompt}
onChange={(e) => updateDefaultAssistant({ ...defaultAssistant, prompt: e.target.value })} onChange={(e) => updateDefaultAssistant({ ...defaultAssistant, prompt: e.target.value })}
style={{ margin: '10px 0' }}
/> />
<SettingDivider />
<SettingSubtitle <SettingSubtitle
style={{ style={{
marginTop: 0,
marginBottom: 20,
display: 'flex', display: 'flex',
flexDirection: 'row', flexDirection: 'row',
justifyContent: 'space-between' justifyContent: 'space-between'
}}> }}>
<span>{t('settings.assistant.model_params')}</span> {t('settings.assistant.model_params')}
<Button onClick={onReset} style={{ width: 90 }}> <Button onClick={onReset} style={{ width: 90 }}>
{t('chat.settings.reset')} {t('chat.settings.reset')}
</Button> </Button>
@ -173,35 +172,34 @@ const AssistantSettings: FC = () => {
}} }}
/> />
</Row> </Row>
{enableMaxTokens && ( <Row align="middle" gutter={20}>
<Row align="middle" gutter={20}> <Col span={21}>
<Col span={21}> <Slider
<Slider disabled={!enableMaxTokens}
min={0} min={0}
max={32000} max={32000}
onChange={setMaxTokens} onChange={setMaxTokens}
onChangeComplete={onMaxTokensChange} onChangeComplete={onMaxTokensChange}
value={typeof maxTokens === 'number' ? maxTokens : 0} value={typeof maxTokens === 'number' ? maxTokens : 0}
step={100} step={100}
marks={{ marks={{
0: '0', 0: '0',
32000: t('chat.settings.max') 32000: t('chat.settings.max')
}} }}
/> />
</Col> </Col>
<Col span={3}> <Col span={3}>
<InputNumber <InputNumber
min={0} min={0}
max={32000} max={32000}
step={100} step={100}
value={maxTokens} value={maxTokens}
onChange={onMaxTokensChange} onChange={onMaxTokensChange}
controls={true} controls={true}
style={{ width: '100%' }} style={{ width: '100%' }}
/> />
</Col> </Col>
</Row> </Row>
)}
</SettingContainer> </SettingContainer>
) )
} }