From b00f16648f96a00d7fa4cda4801a5f40a03ef087 Mon Sep 17 00:00:00 2001
From: RockYang <yangjian102621@gmail.com>
Date: Fri, 15 Dec 2023 10:48:13 +0800
Subject: [PATCH] opt: limit the image display size in reply component

---
 api/res/{ => sd}/text2img.json   | 0
 database/update-v3.2.2.sql       | 4 ++--
 web/src/components/ChatReply.vue | 7 +++++++
 web/src/views/ImageMj.vue        | 2 ++
 web/src/views/ImageSd.vue        | 2 ++
 5 files changed, 13 insertions(+), 2 deletions(-)
 rename api/res/{ => sd}/text2img.json (100%)

diff --git a/api/res/text2img.json b/api/res/sd/text2img.json
similarity index 100%
rename from api/res/text2img.json
rename to api/res/sd/text2img.json
diff --git a/database/update-v3.2.2.sql b/database/update-v3.2.2.sql
index 760ae758..c01770be 100644
--- a/database/update-v3.2.2.sql
+++ b/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`;”
\ No newline at end of file
+ALTER TABLE `chatgpt_sd_jobs` DROP `started`;
\ No newline at end of file
diff --git a/web/src/components/ChatReply.vue b/web/src/components/ChatReply.vue
index d43874f9..73071198 100644
--- a/web/src/components/ChatReply.vue
+++ b/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
 
diff --git a/web/src/views/ImageMj.vue b/web/src/views/ImageMj.vue
index bc9b8bc4..f68ca358 100644
--- a/web/src/views/ImageMj.vue
+++ b/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)
   })
 }
diff --git a/web/src/views/ImageSd.vue b/web/src/views/ImageSd.vue
index c6d6723b..18cfac2a 100644
--- a/web/src/views/ImageSd.vue
+++ b/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)
   })
 }