From 77950e48c76f4a3b29d01831d43039caba29888a Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期二, 18 十一月 2025 14:12:42 +0800
Subject: [PATCH] 修改
---
app/components/base/image-uploader/image-list.tsx | 26 +++++++++++++-------------
1 files changed, 13 insertions(+), 13 deletions(-)
diff --git a/app/components/base/image-uploader/image-list.tsx b/app/components/base/image-uploader/image-list.tsx
index 758ffe9..35f6149 100644
--- a/app/components/base/image-uploader/image-list.tsx
+++ b/app/components/base/image-uploader/image-list.tsx
@@ -51,23 +51,23 @@
{list.map(item => (
<div
key={item._id}
- className="group relative mr-1 rounded-lg border-[0.5px] border-black/5"
+ className="group relative mr-1 border-[0.5px] border-black/5 rounded-lg"
>
{item.type === TransferMethod.local_file && item.progress !== 100 && (
<>
<div
- className="absolute inset-0 z-[1] flex items-center justify-center bg-black/30"
+ className="absolute inset-0 flex items-center justify-center z-[1] bg-black/30"
style={{ left: item.progress > -1 ? `${item.progress}%` : 0 }}
>
{item.progress === -1 && (
<RefreshCcw01
- className="h-5 w-5 text-white"
+ className="w-5 h-5 text-white"
onClick={() => onReUpload && onReUpload(item._id)}
/>
)}
</div>
{item.progress > -1 && (
- <span className="absolute left-[50%] top-[50%] z-[1] translate-x-[-50%] translate-y-[-50%] text-sm text-white mix-blend-lighten">
+ <span className="absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] text-sm text-white mix-blend-lighten z-[1]">
{item.progress}%
</span>
)}
@@ -76,27 +76,27 @@
{item.type === TransferMethod.remote_url && item.progress !== 100 && (
<div
className={`
- absolute inset-0 z-[1] flex items-center justify-center rounded-lg border
+ absolute inset-0 flex items-center justify-center rounded-lg z-[1] border
${item.progress === -1
- ? 'border-[#DC6803] bg-[#FEF0C7]'
- : 'border-transparent bg-black/[0.16]'
+ ? 'bg-[#FEF0C7] border-[#DC6803]'
+ : 'bg-black/[0.16] border-transparent'
}
`}
>
{item.progress > -1 && (
- <RiLoader2Line className="h-5 w-5 animate-spin text-white" />
+ <RiLoader2Line className="animate-spin w-5 h-5 text-white" />
)}
{item.progress === -1 && (
<Tooltip
popupContent={t('common.imageUploader.pasteImageLinkInvalid')}
>
- <AlertTriangle className="h-4 w-4 text-[#DC6803]" />
+ <AlertTriangle className="w-4 h-4 text-[#DC6803]" />
</Tooltip>
)}
</div>
)}
<img
- className="h-16 w-16 cursor-pointer rounded-lg border-[0.5px] border-black/5 object-cover"
+ className="w-16 h-16 rounded-lg object-cover cursor-pointer border-[0.5px] border-black/5"
alt={item.file?.name}
onLoad={() => handleImageLinkLoadSuccess(item)}
onError={() => handleImageLinkLoadError(item)}
@@ -118,13 +118,13 @@
<button
type="button"
className={cn(
- 'absolute -right-[9px] -top-[9px] z-10 h-[18px] w-[18px] items-center justify-center',
- 'rounded-2xl shadow-lg hover:bg-state-base-hover',
+ 'absolute z-10 -top-[9px] -right-[9px] items-center justify-center w-[18px] h-[18px]',
+ 'bg-white hover:bg-gray-50 border-[0.5px] border-black/2 rounded-2xl shadow-lg',
item.progress === -1 ? 'flex' : 'hidden group-hover:flex',
)}
onClick={() => onRemove && onRemove(item._id)}
>
- <RiCloseLine className="h-3 w-3 text-text-tertiary" />
+ <RiCloseLine className="w-3 h-3 text-gray-500" />
</button>
)}
</div>
--
Gitblit v1.8.0