【优化】调整 AI Image 抽屉展示卡片内容，和样式

src/views/ai/image/ImageDetailDrawer.vue

@@ -7,11 +7,11 @@
   >
   >
     <!--  图片  -->
     <!--  图片  -->
     <div class="item">
     <div class="item">
-      <div class="header">
-        <div>图片</div>
-        <div>
-        </div>
-      </div>
+<!--      <div class="header">-->
+<!--        <div>图片</div>-->
+<!--        <div>-->
+<!--        </div>-->
+<!--      </div>-->
       <div class="body">
       <div class="body">
         <ImageTaskCard :image-detail="imageDetail" />
         <ImageTaskCard :image-detail="imageDetail" />
       </div>
       </div>

src/views/ai/image/ImageTask.vue

@@ -112,6 +112,7 @@ onUnmounted(async () => {
   display: flex;
   display: flex;
   flex-direction: row;
   flex-direction: row;
   flex-wrap: wrap;
   flex-wrap: wrap;
+  align-content: flex-start;
   height: 100%;
   height: 100%;
   overflow: auto;
   overflow: auto;
 
 

src/views/ai/image/ImageTaskCard.vue

@@ -64,7 +64,7 @@ onMounted(async () => {
 
 
 .image-card {
 .image-card {
   width: 320px;
   width: 320px;
-  max-height: 370px;
+  height: auto;
   border-radius: 10px;
   border-radius: 10px;
   position: relative;
   position: relative;
   display: flex;
   display: flex;