add viewBox to messageRenderer

src/components/AI/index.vue

@@ -9,7 +9,7 @@
       gradientUnits="objectBoundingBox"
     >
       <stop offset="0" stop-color="#fff" />
-      <stop id="sound" offset="1" stop-color="rgb(230, 230, 23)" />
+      <stop id="sound" offset="1" stop-color="rgb(230, 230, 230)" />
     </radialGradient>
     <filter id="Rectangle_410" x="0" y="0" width="380" height="530" filterUnits="userSpaceOnUse">
       <feOffset dy="3" input="SourceAlpha" />
@@ -94,8 +94,7 @@ export default defineComponent({
       if (zeroed > 0) {
         radius.value = zeroed;
       }
-      const amplified = zeroed;
-      if (payload.speech === think) {
+      if (payload.speech === think.value) {
         return;
       } else {
         think.value = payload.speech;

src/components/UI/UIDetails/messageRenderer.vue

@@ -1,4 +1,10 @@
 <template>
+<svg
+  version="1.1"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  viewBox="0 0 350 500"
+>
   <g id="messageRenderer">
     <g
       v-for="(item, index) in renderArr"
@@ -17,6 +23,7 @@
       </transition>
     </g>
   </g>
+</svg>
 </template>
 
 <script lang="ts">