From 9f492d527a0be6e4ec35936fd833e25aac4aa889 Mon Sep 17 00:00:00 2001
From: StyleZhang <jasonapring2015@outlook.com>
Date: Fri, 11 Oct 2024 10:33:19 +0800
Subject: [PATCH] fix: chat input file list remove button style

---
 web/app/components/base/chat/chat/chat-input-area/index.tsx | 4 ++--
 web/app/components/base/image-uploader/image-preview.tsx    | 2 +-
 web/i18n/en-US/common.ts                                    | 4 ++++
 web/i18n/zh-Hans/common.ts                                  | 4 ++++
 4 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/web/app/components/base/chat/chat/chat-input-area/index.tsx b/web/app/components/base/chat/chat/chat-input-area/index.tsx
index 8a5c5298c1..f1e72d2556 100644
--- a/web/app/components/base/chat/chat/chat-input-area/index.tsx
+++ b/web/app/components/base/chat/chat/chat-input-area/index.tsx
@@ -135,11 +135,11 @@ const ChatInputArea = ({
     <>
       <div
         className={cn(
-          'relative py-[9px] bg-components-panel-bg-blur border border-components-chat-input-border rounded-xl shadow-md z-10',
+          'relative pb-[9px] bg-components-panel-bg-blur border border-components-chat-input-border rounded-xl shadow-md z-10',
           isDragActive && 'border border-dashed border-components-option-card-option-selected-border',
         )}
       >
-        <div className='relative px-[9px] max-h-[158px] overflow-x-hidden overflow-y-auto'>
+        <div className='relative px-[9px] pt-[9px] max-h-[158px] overflow-x-hidden overflow-y-auto'>
           <FileListInChatInput fileConfig={visionConfig!} />
           <div
             ref={wrapperRef}
diff --git a/web/app/components/base/image-uploader/image-preview.tsx b/web/app/components/base/image-uploader/image-preview.tsx
index 096facabfd..9ee5691f25 100644
--- a/web/app/components/base/image-uploader/image-preview.tsx
+++ b/web/app/components/base/image-uploader/image-preview.tsx
@@ -258,7 +258,7 @@ const ImagePreview: FC<ImagePreviewProps> = ({
           <RiAddBoxLine className='w-4 h-4 text-gray-500'/>
         </div>
       </Tooltip>
-      <Tooltip popupContent={t('common.operation.close')}>
+      <Tooltip popupContent={t('common.operation.cancel')}>
         <div
           className='absolute top-6 right-6 flex items-center justify-center w-8 h-8 bg-white/8 rounded-lg backdrop-blur-[2px] cursor-pointer'
           onClick={onCancel}>
diff --git a/web/i18n/en-US/common.ts b/web/i18n/en-US/common.ts
index 5f08633bfc..098a3eeafb 100644
--- a/web/i18n/en-US/common.ts
+++ b/web/i18n/en-US/common.ts
@@ -38,6 +38,10 @@ const translation = {
     duplicate: 'Duplicate',
     rename: 'Rename',
     audioSourceUnavailable: 'AudioSource is unavailable',
+    copyImage: 'Copy Image',
+    zoomOut: 'Zoom Out',
+    zoomIn: 'Zoom In',
+    openInNewTab: 'Open in new tab',
   },
   errorMsg: {
     fieldRequired: '{{field}} is required',
diff --git a/web/i18n/zh-Hans/common.ts b/web/i18n/zh-Hans/common.ts
index 74c4727848..8140e6b215 100644
--- a/web/i18n/zh-Hans/common.ts
+++ b/web/i18n/zh-Hans/common.ts
@@ -38,6 +38,10 @@ const translation = {
     duplicate: '复制',
     rename: '重命名',
     audioSourceUnavailable: '音源不可用',
+    copyImage: '复制图片',
+    zoomOut: '缩小',
+    zoomIn: '放大',
+    openInNewTab: '在新标签页打开',
   },
   errorMsg: {
     fieldRequired: '{{field}} 为必填项',