feat: change sidebar opacity

CherryHQ · Aug 12, 2024 · 994ee8d · 994ee8d
1 parent 57f9550
commit 994ee8d
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 36 deletions.
diff --git a/src/renderer/src/assets/styles/index.scss b/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;

diff --git a/src/renderer/src/pages/home/Header.tsx b/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;

diff --git a/src/renderer/src/pages/settings/AssistantSettings.tsx b/src/renderer/src/pages/settings/AssistantSettings.tsx
@@ -77,24 +77,23 @@ 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
         rows={4}
         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,35 +172,34 @@ const AssistantSettings: FC = () => {
           }}
         />
       </Row>
-      {enableMaxTokens && (
-        <Row align="middle" gutter={20}>
-          <Col span={21}>
-            <Slider
-              min={0}
-              max={32000}
-              onChange={setMaxTokens}
-              onChangeComplete={onMaxTokensChange}
-              value={typeof maxTokens === 'number' ? maxTokens : 0}
-              step={100}
-              marks={{
-                0: '0',
-                32000: t('chat.settings.max')
-              }}
-            />
-          </Col>
-          <Col span={3}>
-            <InputNumber
-              min={0}
-              max={32000}
-              step={100}
-              value={maxTokens}
-              onChange={onMaxTokensChange}
-              controls={true}
-              style={{ width: '100%' }}
-            />
-          </Col>
-        </Row>
-      )}
+      <Row align="middle" gutter={20}>
+        <Col span={21}>
+          <Slider
+            disabled={!enableMaxTokens}
+            min={0}
+            max={32000}
+            onChange={setMaxTokens}
+            onChangeComplete={onMaxTokensChange}
+            value={typeof maxTokens === 'number' ? maxTokens : 0}
+            step={100}
+            marks={{
+              0: '0',
+              32000: t('chat.settings.max')
+            }}
+          />
+        </Col>
+        <Col span={3}>
+          <InputNumber
+            min={0}
+            max={32000}
+            step={100}
+            value={maxTokens}
+            onChange={onMaxTokensChange}
+            controls={true}
+            style={{ width: '100%' }}
+          />
+        </Col>
+      </Row>
     </SettingContainer>
   )
 }