优化 ChatGPT API 重试逻辑

web/src/components/ChatPrompt.vue

@@ -34,7 +34,7 @@ export default defineComponent({
 
 <style lang="stylus">
 .chat-line-right {
-  justify-content: end;
+  justify-content: flex-end;
 
   .chat-icon {
     margin-left 5px;

web/src/components/ChatReply.vue

@@ -6,10 +6,7 @@
 
     <div class="chat-item">
       <div class="triangle"></div>
-      <div class="content">
-        <span v-html="content"></span>
-        <span class="cursor" v-show="cursor"></span>
-      </div>
+      <div class="content" v-html="content"></div>
     </div>
   </div>
 </template>
@@ -41,7 +38,7 @@ export default defineComponent({
 
 <style lang="stylus">
 .chat-line-left {
-  justify-content: start;
+  justify-content: flex-start;
 
   .chat-icon {
     margin-right 5px;
@@ -76,20 +73,20 @@ export default defineComponent({
       font-size: var(--content-font-size);
       border-radius: 5px;
 
-      .cursor {
-        height 24px;
-        border-left 1px solid black;
-
-        animation: cursorImg 1s infinite steps(1, start);
-        @keyframes cursorImg {
-          0%, 100% {
-            opacity: 0;
-          }
-          50% {
-            opacity: 1;
-          }
-        }
-      }
+      //.cursor {
+      //  height 24px;
+      //  border-left 1px solid black;
+      //
+      //  animation: cursorImg 1s infinite steps(1, start);
+      //  @keyframes cursorImg {
+      //    0%, 100% {
+      //      opacity: 0;
+      //    }
+      //    50% {
+      //      opacity: 1;
+      //    }
+      //  }
+      //}
     }
   }
 }

web/src/components/ConfigDialog.vue

@@ -2,7 +2,6 @@
   <el-dialog
       v-model="$props.show"
       title="聊天配置"
-      width="30%"
       :before-close="beforeClose"
   >
     <span>正在努力开发中...</span>
@@ -42,5 +41,8 @@ export default defineComponent({
 </script>
 
 <style lang="stylus">
-
+.el-dialog {
+  --el-dialog-width 90%;
+  max-width 800px;
+}
 </style>