GitHub/015
1
0
Fork 0
mirror of https://github.com/keven1024/015.git synced 2026-05-26 07:08:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(front): improve layout of ImageCompressResult component for better file display

Browse Source
This commit is contained in:
keven1024
2026-02-27 17:56:19 +08:00
parent a64fa95608
commit 55900224ae
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
front/components/Result/ImageCompressResult.vue
View File

@@ -132,12 +132,12 @@ watch(
<div class="text-3xl font-light">{{ taskResults.length }}</div>
</div>
</div>
<div v-for="(item, index) in props?.data?.files" class="flex flex-row rounded-xl bg-white/70 p-3 justify-between">
<div class="flex flex-row gap-2 items-center">
<div v-for="(item, index) in props?.data?.files" class="flex flex-row rounded-xl bg-white/70 p-3 justify-between w-full gap-3">
<div class="flex flex-row gap-2 items-center w-full overflow-hidden">
<div class="*:h-12 overflow-hidden">
<FileIcon :file="item?.file" />
</div>
<div class="flex flex-col gap-0.5">
<div class="flex flex-col gap-0.5 flex-1 overflow-hidden">
<div class="truncate w-auto">{{ item?.file?.name }}</div>
<div class="text-xs opacity-50">{{ filesize(item?.file?.size ?? 0) }}</div>
</div>