docs: adjust ui styles for mj image page

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 {

web/src/assets/css/image-mj.styl

@@ -278,7 +278,7 @@
                 }
 
                 .show-prompt {
-                  font-size 18px
+                  font-size 20px
                   cursor pointer
                 }
               }

web/src/assets/css/main.css

@@ -1,7 +1,3 @@
-* {
-  margin: 0;
-  padding: 0;
-}
 html,
 body,
 #app,

web/src/assets/css/main.styl

@@ -1,7 +1,7 @@
-* {
+//* {
-  margin: 0;
+//  margin: 0;
-  padding: 0;
+//  padding: 0;
-}
+//}
 
 html,
 body,

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: [

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>

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"
+                          <el-popover
-                              effect="light"
+                              placement="left"
-                              content="复制提示词"
+                              title="提示词"
-                              placement="top"
+                              :width="240"
+                              trigger="hover"
                           >
+                            <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>
-                          </el-tooltip>
+                              </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";