fix: align hot clone reference upload UI
This commit is contained in:
@@ -6899,7 +6899,7 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
|
||||
<div
|
||||
role="button"
|
||||
tabIndex={0}
|
||||
className={`ecom-quick-set-upload${cloneReferenceImages.length ? " has-images" : ""}${isCloneReferenceDragging ? " is-dragging" : ""}`}
|
||||
className={`ecom-quick-set-upload ecom-quick-hot-material ecom-quick-hot-reference${cloneReferenceImages.length ? " has-images" : ""}${isCloneReferenceDragging ? " is-dragging" : ""}`}
|
||||
onClick={() => cloneReferenceInputRef.current?.click()}
|
||||
onKeyDown={(event) => openQuickUploadWithKeyboard(event, cloneReferenceInputRef)}
|
||||
onDragOver={(event) => { event.preventDefault(); event.stopPropagation(); if (event.dataTransfer.types.includes("Files")) setIsCloneReferenceDragging(true); }}
|
||||
@@ -6910,7 +6910,22 @@ function ProductClonePage(_props: ProductClonePageProps = {}) {
|
||||
<span>拖拽或点击上传</span>
|
||||
<em>参考图用于风格迁移,最多 {maxCloneReferenceImages} 张</em>
|
||||
<b>+ 上传图片</b>
|
||||
{cloneReferenceImages.length ? renderQuickUploadThumbs(cloneReferenceImages, removeCloneReferenceImage) : null}
|
||||
{cloneReferenceImages.length ? (
|
||||
<>
|
||||
{renderHotMaterialThumbs(cloneReferenceImages, removeCloneReferenceImage)}
|
||||
<button
|
||||
type="button"
|
||||
className="ecom-quick-hot-add-btn"
|
||||
aria-label="添加更多参考图"
|
||||
onClick={(event) => {
|
||||
event.stopPropagation();
|
||||
cloneReferenceInputRef.current?.click();
|
||||
}}
|
||||
>
|
||||
<PlusOutlined />
|
||||
</button>
|
||||
</>
|
||||
) : null}
|
||||
</div>
|
||||
<input
|
||||
ref={cloneReferenceInputRef}
|
||||
|
||||
Reference in New Issue
Block a user