feat: change sidebar opacity

src/renderer/src/assets/styles/index.scss

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

src/renderer/src/pages/home/Header.tsx

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

src/renderer/src/pages/settings/AssistantSettings.tsx

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