From 8e2e477a7f63621c5c7c4ccd1ea2e94cc797fa1c Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Tue, 19 Dec 2023 10:25:54 +0800
Subject: [PATCH] chore: enchance annotation ui (#1781)

---
 .../toolbox/annotation/config-param-modal.tsx             | 8 ++++----
 web/app/components/app/overview/settings/index.tsx        | 4 ++--
 web/i18n/lang/common.zh.ts                                | 2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/web/app/components/app/configuration/toolbox/annotation/config-param-modal.tsx b/web/app/components/app/configuration/toolbox/annotation/config-param-modal.tsx
index e025f287aa6430..c273ba03d6d0b8 100644
--- a/web/app/components/app/configuration/toolbox/annotation/config-param-modal.tsx
+++ b/web/app/components/app/configuration/toolbox/annotation/config-param-modal.tsx
@@ -83,7 +83,7 @@ const ConfigParamModal: FC<Props> = ({
         {t(`appAnnotation.initSetup.${isInit ? 'title' : 'configTitle'}`)}
       </div>
 
-      <div className='space-y-2'>
+      <div className='mt-6 space-y-3'>
         <Item
           title={t('appDebug.feature.annotation.scoreThreshold.title')}
           tooltip={t('appDebug.feature.annotation.scoreThreshold.description')}
@@ -120,12 +120,12 @@ const ConfigParamModal: FC<Props> = ({
         </Item>
       </div>
 
-      <div className='mt-4 flex gap-2 justify-end'>
-        <Button onClick={onHide}>{t('common.operation.cancel')}</Button>
+      <div className='mt-6 flex gap-2 justify-end'>
+        <Button className='!text-sm' onClick={onHide}>{t('common.operation.cancel')}</Button>
         <Button
           type='primary'
           onClick={handleSave}
-          className='flex items-center border-[0.5px]'
+          className='flex items-center border-[0.5px] !text-sm'
           loading={isLoading}
         >
           <div></div>
diff --git a/web/app/components/app/overview/settings/index.tsx b/web/app/components/app/overview/settings/index.tsx
index 1ca0c3837b8393..df10b3185cea7e 100644
--- a/web/app/components/app/overview/settings/index.tsx
+++ b/web/app/components/app/overview/settings/index.tsx
@@ -160,8 +160,8 @@ const SettingsModal: FC<ISettingsModalProps> = ({
           />
         </>}
         <div className='mt-10 flex justify-end'>
-          <Button className='mr-2 flex-shrink-0' onClick={onHide}>{t('common.operation.cancel')}</Button>
-          <Button type='primary' className='flex-shrink-0' onClick={onClickSave} loading={saveLoading}>{t('common.operation.save')}</Button>
+          <Button className='mr-2 flex-shrink-0 !text-sm' onClick={onHide}>{t('common.operation.cancel')}</Button>
+          <Button type='primary' className='flex-shrink-0 !text-sm' onClick={onClickSave} loading={saveLoading}>{t('common.operation.save')}</Button>
         </div>
         {showEmojiPicker && <EmojiPicker
           onSelect={(icon, icon_background) => {
diff --git a/web/i18n/lang/common.zh.ts b/web/i18n/lang/common.zh.ts
index 3c5f56a67888d8..7ebd08129c2c34 100644
--- a/web/i18n/lang/common.zh.ts
+++ b/web/i18n/lang/common.zh.ts
@@ -32,7 +32,7 @@ const translation = {
     ok: '好的',
     log: '日志',
     learnMore: '了解更多',
-    params: '参数',
+    params: '参数设置',
   },
   placeholder: {
     input: '请输入',