From f9846e4813b502dd5a7051cac42866ca8e507cb0 Mon Sep 17 00:00:00 2001
From: Hk-Gosuto <yominogosuto@gmail.com>
Date: Wed, 6 Dec 2023 13:10:50 +0800
Subject: [PATCH] chore: style change

---
 app/components/chat.module.scss |  6 +++++-
 app/components/chat.tsx         | 38 +++++++++++++++++----------------
 2 files changed, 25 insertions(+), 19 deletions(-)

diff --git a/app/components/chat.module.scss b/app/components/chat.module.scss
index 95247083a..a15bd3eb1 100644
--- a/app/components/chat.module.scss
+++ b/app/components/chat.module.scss
@@ -556,6 +556,7 @@
 }
 
 .chat-input-image-close {
+  background-color: white;
   fill: black;
   border: none;
   align-items: center;
@@ -563,11 +564,14 @@
   display: flex;
   margin: 0px;
   padding: 0px;
-  background-color: white;
   width: 22px;
   height: 48px;
 }
 
+.chat-input-image-close:hover {
+  background-color: #f3f3f3;
+}
+
 @media only screen and (max-width: 600px) {
   .chat-input {
     font-size: 16px;
diff --git a/app/components/chat.tsx b/app/components/chat.tsx
index fbcabefba..718364f23 100644
--- a/app/components/chat.tsx
+++ b/app/components/chat.tsx
@@ -22,7 +22,8 @@ import MinIcon from "../icons/min.svg";
 import ResetIcon from "../icons/reload.svg";
 import BreakIcon from "../icons/break.svg";
 import SettingsIcon from "../icons/chat-settings.svg";
-import DeleteIcon from "../icons/clear.svg";
+import ClearIcon from "../icons/clear.svg";
+import CloseIcon from "../icons/close.svg";
 import PinIcon from "../icons/pin.svg";
 import EditIcon from "../icons/rename.svg";
 import ConfirmIcon from "../icons/confirm.svg";
@@ -567,21 +568,22 @@ export function ChatActions(props: {
               icon={usePlugins ? <EnablePluginIcon /> : <DisablePluginIcon />}
             />
           )}
-
-        <ChatAction
-          onClick={selectImage}
-          text="选择图片"
-          icon={<UploadIcon />}
-          innerNode={
-            <input
-              type="file"
-              accept=".png,.jpg,.webp,.jpeg"
-              id="chat-image-file-select-upload"
-              style={{ display: "none" }}
-              onChange={onImageSelected}
-            />
-          }
-        />
+        {currentModel == "gpt-4-vision-preview" && (
+          <ChatAction
+            onClick={selectImage}
+            text="选择图片"
+            icon={<UploadIcon />}
+            innerNode={
+              <input
+                type="file"
+                accept=".png,.jpg,.webp,.jpeg"
+                id="chat-image-file-select-upload"
+                style={{ display: "none" }}
+                onChange={onImageSelected}
+              />
+            }
+          />
+        )}
 
         {showModelSelector && (
           <Selector
@@ -1289,7 +1291,7 @@ function _Chat() {
 
                               <ChatAction
                                 text={Locale.Chat.Actions.Delete}
-                                icon={<DeleteIcon />}
+                                icon={<ClearIcon />}
                                 onClick={() => onDelete(message.id ?? i)}
                               />
 
@@ -1439,7 +1441,7 @@ function _Chat() {
                   setUserImage(null);
                 }}
               >
-                X
+                <CloseIcon />
               </button>
             </div>
           )}