From 9cbe36d4c6c59cb342747640d0b6043c301e8ebb Mon Sep 17 00:00:00 2001
From: RockYang <yangjian102621@gmail.com>
Date: Wed, 20 Sep 2023 14:33:15 +0800
Subject: [PATCH] docs: adjust ui styles for mj image page

---
 web/src/assets/css/image-mj.css  |  2 +-
 web/src/assets/css/image-mj.styl |  2 +-
 web/src/assets/css/main.css      |  4 ----
 web/src/assets/css/main.styl     |  8 ++++----
 web/src/router.js                |  2 +-
 web/src/views/ChatApps.vue       |  2 +-
 web/src/views/ImageMj.vue        | 32 ++++++++++++++++++++++----------
 7 files changed, 30 insertions(+), 22 deletions(-)

diff --git a/web/src/assets/css/image-mj.css b/web/src/assets/css/image-mj.css
index 56fa9ba2..f5e16543 100644
--- a/web/src/assets/css/image-mj.css
+++ b/web/src/assets/css/image-mj.css
@@ -218,7 +218,7 @@
   background-color: #6d6f78;
 }
 .page-mj .inner .task-list-box .finish-job-list .job-item .opt .opt-line ul .show-prompt {
-  font-size: 18px;
+  font-size: 20px;
   cursor: pointer;
 }
 .page-mj .inner .task-list-box .el-image {
diff --git a/web/src/assets/css/image-mj.styl b/web/src/assets/css/image-mj.styl
index 78dc583c..767cc5fb 100644
--- a/web/src/assets/css/image-mj.styl
+++ b/web/src/assets/css/image-mj.styl
@@ -278,7 +278,7 @@
                 }
 
                 .show-prompt {
-                  font-size 18px
+                  font-size 20px
                   cursor pointer
                 }
               }
diff --git a/web/src/assets/css/main.css b/web/src/assets/css/main.css
index cabd9002..6080e647 100644
--- a/web/src/assets/css/main.css
+++ b/web/src/assets/css/main.css
@@ -1,7 +1,3 @@
-* {
-  margin: 0;
-  padding: 0;
-}
 html,
 body,
 #app,
diff --git a/web/src/assets/css/main.styl b/web/src/assets/css/main.styl
index 1612a0d6..09984f5f 100644
--- a/web/src/assets/css/main.styl
+++ b/web/src/assets/css/main.styl
@@ -1,7 +1,7 @@
-* {
-  margin: 0;
-  padding: 0;
-}
+//* {
+//  margin: 0;
+//  padding: 0;
+//}
 
 html,
 body,
diff --git a/web/src/router.js b/web/src/router.js
index bd756f12..fabe8397 100644
--- a/web/src/router.js
+++ b/web/src/router.js
@@ -4,7 +4,7 @@ const routes = [
     {
         name: 'home',
         path: '/',
-        redirect: '/mj',
+        redirect: '/chat',
         meta: {title: '首页'},
         component: () => import('@/views/Home.vue'),
         children: [
diff --git a/web/src/views/ChatApps.vue b/web/src/views/ChatApps.vue
index 173f8dcc..f8d79dd6 100644
--- a/web/src/views/ChatApps.vue
+++ b/web/src/views/ChatApps.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="page-apps" :style="{ height: winHeight + 'px' }">
     <div class="inner">
-      <h1>MidJourney 绘画中心</h1>
+      <h1>应用中心</h1>
       <h2>页面正在紧锣密鼓开发中，敬请期待！</h2>
     </div>
   </div>
diff --git a/web/src/views/ImageMj.vue b/web/src/views/ImageMj.vue
index ac60a5d6..aeec7b6a 100644
--- a/web/src/views/ImageMj.vue
+++ b/web/src/views/ImageMj.vue
@@ -318,16 +318,28 @@
                         <li><a @click="upscale(3,scope.item)">U3</a></li>
                         <li><a @click="upscale(4,scope.item)">U4</a></li>
                         <li class="show-prompt">
-                          <el-tooltip
-                              class="box-item"
-                              effect="light"
-                              content="复制提示词"
-                              placement="top"
+
+                          <el-popover
+                              placement="left"
+                              title="提示词"
+                              :width="240"
+                              trigger="hover"
                           >
-                            <el-icon class="copy-prompt" :data-clipboard-text="scope.item.prompt">
-                              <DocumentCopy/>
-                            </el-icon>
-                          </el-tooltip>
+                            <template #reference>
+                              <el-icon>
+                                <ChromeFilled/>
+                              </el-icon>
+                            </template>
+
+                            <template #default>
+                              <div class="mj-list-item-prompt">
+                                <span>{{ scope.item.prompt }}</span>
+                                <el-icon class="copy-prompt" :data-clipboard-text="scope.item.prompt">
+                                  <DocumentCopy/>
+                                </el-icon>
+                              </div>
+                            </template>
+                          </el-popover>
                         </li>
                       </ul>
                     </div>
@@ -356,7 +368,7 @@
 
 <script setup>
 import {onMounted, ref} from "vue"
-import {Comment, DeleteFilled, DocumentCopy, InfoFilled, Picture, Plus} from "@element-plus/icons-vue";
+import {ChromeFilled, DeleteFilled, DocumentCopy, InfoFilled, Picture, Plus} from "@element-plus/icons-vue";
 import Compressor from "compressorjs";
 import {httpGet, httpPost} from "@/utils/http";
 import {ElMessage} from "element-plus";