Quellcode durchsuchen

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

cherishsince vor 1 Jahr
Ursprung
Commit
b0f26f64f7

+ 5 - 5
src/views/ai/image/ImageDetailDrawer.vue

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

+ 1 - 0
src/views/ai/image/ImageTask.vue

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

+ 1 - 1
src/views/ai/image/ImageTaskCard.vue

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