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 ? : }
/>
)}
-
- }
- innerNode={
-
- }
- />
+ {currentModel == "gpt-4-vision-preview" && (
+ }
+ innerNode={
+
+ }
+ />
+ )}
{showModelSelector && (
}
+ icon={}
onClick={() => onDelete(message.id ?? i)}
/>
@@ -1439,7 +1441,7 @@ function _Chat() {
setUserImage(null);
}}
>
- X
+
)}