feat: improved SVG output UX (#8765)

2024-09-26 19:41:59 +08:00 · 2024-09-26 19:41:59 +08:00 · 3dfbc348e3
commit 3dfbc348e3
parent 9a4b53a212
4 changed files with 95 additions and 61 deletions
--- a/web/app/components/base/chat/chat/answer/index.tsx
+++ b/web/app/components/base/chat/chat/answer/index.tsx
@ -85,6 +85,19 @@ const Answer: FC<AnswerProps> = ({
      getContentWidth()
  }, [responding])

+  // Recalculate contentWidth when content changes (e.g., SVG preview/source toggle)
+  useEffect(() => {
+    if (!containerRef.current)
+      return
+    const resizeObserver = new ResizeObserver(() => {
+      getContentWidth()
+    })
+    resizeObserver.observe(containerRef.current)
+    return () => {
+      resizeObserver.disconnect()
+    }
+  }, [])
+
  return (
    <div className='flex mb-2 last:mb-0'>
      <div className='shrink-0 relative w-10 h-10'>