opt: limit the image display size in reply component

database/update-v3.2.2.sql

@@ -1,5 +1,5 @@
 ALTER TABLE `chatgpt_mj_jobs` ADD `org_url` VARCHAR(400) NULL DEFAULT NULL COMMENT '原始图片地址' AFTER `img_url`;
-ALTER TABLE `chatgpt_mj_jobs` DROP `started`;”
+ALTER TABLE `chatgpt_mj_jobs` DROP `started`;
 ALTER TABLE `chatgpt_mj_jobs` ADD `task_id` VARCHAR(20) NULL DEFAULT NULL COMMENT '任务 ID' AFTER `user_id`;
 ALTER TABLE `chatgpt_mj_jobs` ADD UNIQUE(`task_id`);
-ALTER TABLE `chatgpt_sd_jobs` DROP `started`;”
+ALTER TABLE `chatgpt_sd_jobs` DROP `started`;

web/src/components/ChatReply.vue

@@ -107,6 +107,13 @@ export default defineComponent({
           border-radius: 5px;
           overflow auto;
 
+          // control the image size in content
+
+          img {
+            max-width: 600px;
+            border-radius: 10px;
+          }
+
           p {
             line-height 1.5
 

web/src/views/ImageMj.vue

@@ -526,6 +526,7 @@ const rewritePrompt = () => {
     params.value.prompt = res.data
     loading.value = false
   }).catch(e => {
+    loading.value = false
     ElMessage.error("翻译失败：" + e.message)
   })
 }
@@ -536,6 +537,7 @@ const translatePrompt = () => {
     params.value.prompt = res.data
     loading.value = false
   }).catch(e => {
+    loading.value = false
     ElMessage.error("翻译失败：" + e.message)
   })
 }

web/src/views/ImageSd.vue

@@ -554,6 +554,7 @@ const rewritePrompt = () => {
     params.value.prompt = res.data
     loading.value = false
   }).catch(e => {
+    loading.value = false
     ElMessage.error("翻译失败：" + e.message)
   })
 }
@@ -564,6 +565,7 @@ const translatePrompt = () => {
     params.value.prompt = res.data
     loading.value = false
   }).catch(e => {
+    loading.value = false
     ElMessage.error("翻译失败：" + e.message)
   })
 }