root/ludu-admin-vue3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
cherishsince 2024-05-28 14:40:43 +08:00
parent bd09ecf688
commit b0f26f64f7
3 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/ai/image/ImageDetailDrawer.vue
View File

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

1
src/views/ai/image/ImageTask.vue
View File

@ -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;

2
src/views/ai/image/ImageTaskCard.vue
View File

@ -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;