From fd4ef4b172e2c756d89f58292bde7e060b04638f Mon Sep 17 00:00:00 2001
From: cherishsince <cherishsince@aliyun.com>
Date: Mon, 27 May 2024 10:47:43 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E4=BC=98=E5=8C=96=E3=80=91=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=20image=20card=20=E5=B0=BA=E5=AF=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ai/image/ImageDetailDrawer.vue | 25 ++++++++++++++----------
 src/views/ai/image/ImageTaskCard.vue     |  2 +-
 2 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/src/views/ai/image/ImageDetailDrawer.vue b/src/views/ai/image/ImageDetailDrawer.vue
index 7114beda..075c1c76 100644
--- a/src/views/ai/image/ImageDetailDrawer.vue
+++ b/src/views/ai/image/ImageDetailDrawer.vue
@@ -3,20 +3,20 @@
     v-model="showDrawer"
     title="图片详细"
     @close="handlerDrawerClose"
+    custom-class="drawer-class"
   >
+    <!--  图片  -->
     <div class="item">
       <div class="header">
         <div>图片</div>
         <div>
-          <el-button class="btn" text :icon="Download" />
-          <el-button class="btn" text :icon="Delete" />
-          <el-button class="btn" text :icon="More" @click="handlerTaskDetail" />
         </div>
       </div>
       <div class="body">
         <ImageTaskCard :image-detail="imageDetail" />
       </div>
     </div>
+    <!--  提示词  -->
     <div class="item">
       <div class="tip">提示词</div>
       <div class="body">
@@ -81,24 +81,29 @@ onMounted(async () => {
 
 .item {
   margin-bottom: 20px;
+  width: 100%;
+  overflow: hidden;
+  word-wrap: break-word;
 
   .header {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
-    font-size: 16px;
+  }
+
+  .tip {
     font-weight: bold;
+    font-size: 16px;
   }
 
   .body {
     margin-top: 10px;
     color: #616161;
+
+
+    .taskImage {
+      border-radius: 10px;
+    }
   }
 }
-
-.taskImage {
-  border-radius: 10px;
-}
-
-
 </style>
diff --git a/src/views/ai/image/ImageTaskCard.vue b/src/views/ai/image/ImageTaskCard.vue
index 60fb86a8..2abae561 100644
--- a/src/views/ai/image/ImageTaskCard.vue
+++ b/src/views/ai/image/ImageTaskCard.vue
@@ -43,7 +43,7 @@ const emits = defineEmits(['onBtnClick'])
 <style scoped lang="scss">
 
 .image-card {
-  width: 360px;
+  width: 320px;
   border-radius: 10px;
 
   .image-operation {