fix(canvas): keep compare toggle visible while compare mode is active
Some checks failed
Lint / build (20) (push) Has been cancelled
Playwright Tests / test (push) Has been cancelled

This commit is contained in:
Your Name 2026-03-01 02:28:40 +08:00
parent f344ac6b0e
commit 8457cb98f4

View File

@ -378,7 +378,6 @@ export function ImageNode({ node, isSelected }: ImageNodeProps) {
setTextEditPanelOpen(false);
setIsEditingTitle(false);
setPromptDialogOpen(false);
setIsCompareMode(false);
}
}, [isSelected]);
@ -1713,11 +1712,11 @@ export function ImageNode({ node, isSelected }: ImageNodeProps) {
</div>
)}
{isSelected && !isMultiSelected && hasCompareSource && !isThisNodePicking && (
{hasCompareSource && !isThisNodePicking && (isCompareMode || (isSelected && !isMultiSelected)) && (
<button
type="button"
className={cn(
"absolute right-2 top-1/2 z-[220] inline-flex h-14 w-14 -translate-y-1/2 items-center justify-center rounded-full border text-white transition-all data-[state=on]:scale-100",
"pointer-events-auto absolute right-2 top-1/2 z-[220] inline-flex h-14 w-14 -translate-y-1/2 items-center justify-center rounded-full border text-white transition-all data-[state=on]:scale-100",
isCompareMode
? "border-sky-100 bg-sky-500/95 shadow-[0_0_0_3px_rgba(255,255,255,0.55),0_10px_22px_rgba(14,165,233,0.42)]"
: "border-white/80 bg-black/78 shadow-[0_8px_18px_rgba(0,0,0,0.34)] hover:bg-black/88"