fix: #2149 try to fix chat action button style

ChatGPTNextWeb · Jun 27, 2023 · bce7489 · bce7489
1 parent 1dd75b6
commit bce7489
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/app/components/chat.tsx b/app/components/chat.tsx
@@ -294,8 +294,8 @@ function ChatAction(props: {
   const iconRef = useRef<HTMLDivElement>(null);
   const textRef = useRef<HTMLDivElement>(null);
   const [width, setWidth] = useState({
-    full: 20,
-    icon: 20,
+    full: 16,
+    icon: 16,
   });
 
   function updateWidth() {
@@ -310,7 +310,13 @@ function ChatAction(props: {
   }
 
   useEffect(() => {
-    setTimeout(updateWidth, 100);
+    const onClick = () => setTimeout(updateWidth, 10);
+    onClick();
+
+    window.addEventListener("click", onClick);
+    return () => {
+      window.removeEventListener("click", onClick);
+    };
   }, []);
 
   return (