From 454e457656689338ba918c1fa04875fdd384dc1b Mon Sep 17 00:00:00 2001
From: josc146 <josStorer@outlook.com>
Date: Mon, 12 Jun 2023 21:38:26 +0800
Subject: [PATCH] improve conversationCard style

---
 src/components/ConversationItem/index.jsx | 12 +-----------
 src/components/InputBox/index.jsx         |  3 +--
 src/content-script/styles.scss            |  1 +
 3 files changed, 3 insertions(+), 13 deletions(-)

diff --git a/src/components/ConversationItem/index.jsx b/src/components/ConversationItem/index.jsx
index 0d307a5..af29248 100644
--- a/src/components/ConversationItem/index.jsx
+++ b/src/components/ConversationItem/index.jsx
@@ -8,6 +8,7 @@ import { useTranslation } from 'react-i18next'
 import { isUsingCustomModel } from '../../config/index.mjs'
 import { useConfig } from '../../hooks/use-config.mjs'
 
+// eslint-disable-next-line
 export function ConversationItem({ type, content, session, done, port, onRetry }) {
   const { t } = useTranslation()
   const [collapsed, setCollapsed] = useState(false)
@@ -56,17 +57,6 @@ export function ConversationItem({ type, content, session, done, port, onRetry }
                 : t('Loading...')}
             </p>
             <div className="gpt-util-group">
-              {!done && (
-                <button
-                  type="button"
-                  className="normal-button"
-                  onClick={() => {
-                    port.postMessage({ stop: true })
-                  }}
-                >
-                  {t('Stop')}
-                </button>
-              )}
               {onRetry && (
                 <span title={t('Retry')} className="gpt-util-icon" onClick={onRetry}>
                   <SyncIcon size={14} />
diff --git a/src/components/InputBox/index.jsx b/src/components/InputBox/index.jsx
index 748b84c..8b242f5 100644
--- a/src/components/InputBox/index.jsx
+++ b/src/components/InputBox/index.jsx
@@ -49,13 +49,12 @@ export function InputBox({ onSubmit, enabled, port, reverseResizeDir }) {
   const handleKeyDownOrClick = (e) => {
     e.stopPropagation()
     if (e.type === 'click' || (e.keyCode === 13 && e.shiftKey === false)) {
+      e.preventDefault()
       if (enabled) {
-        e.preventDefault()
         if (!value) return
         onSubmit(value)
         setValue('')
       } else {
-        e.preventDefault()
         port.postMessage({ stop: true })
       }
     }
diff --git a/src/content-script/styles.scss b/src/content-script/styles.scss
index 860c2fc..63d567a 100644
--- a/src/content-script/styles.scss
+++ b/src/content-script/styles.scss
@@ -92,6 +92,7 @@
     background-color: var(--theme-color);
     color: var(--font-color);
     overflow-y: auto;
+    overflow-x: hidden;
 
     ::-webkit-scrollbar {
       background-color: var(--theme-color);