From 9aa8983e723827993911948e20d072576ecc19bc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=B6=8C=ED=98=81=EC=84=B1?= Date: Tue, 27 Jan 2026 19:12:29 +0900 Subject: [PATCH] =?UTF-8?q?[WEB]=20fix(ImageUpload):=20=EB=B7=B0=20?= =?UTF-8?q?=EB=AA=A8=EB=93=9C=EC=97=90=EC=84=9C=20=EC=9D=B4=EB=AF=B8?= =?UTF-8?q?=EC=A7=80=20=EC=A0=95=EC=83=81=20=ED=91=9C=EC=8B=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - disabled 상태에서 이미지 있으면 투명도 100% 유지 - 뷰 모드에서 테두리 제거하여 깔끔하게 표시 - 이미지 없을 때만 기존 흐림 효과 유지 --- src/components/ui/image-upload.tsx | 18 +++++++++++++++--- 1 file changed, 15 insertions(+), 3 deletions(-) diff --git a/src/components/ui/image-upload.tsx b/src/components/ui/image-upload.tsx index b02e2fe5..6151cef5 100644 --- a/src/components/ui/image-upload.tsx +++ b/src/components/ui/image-upload.tsx @@ -199,16 +199,28 @@ export function ImageUpload({ onDragOver={handleDragOver} onDrop={handleDrop} className={cn( - 'relative border-2 border-dashed flex flex-col items-center justify-center overflow-hidden transition-colors', + 'relative flex flex-col items-center justify-center overflow-hidden transition-colors', rounded ? 'rounded-full' : 'rounded-lg', sizeClasses[size], aspectRatio !== 'square' && !rounded && aspectRatioClasses[aspectRatio], + // 테두리 스타일: 이미지 있고 비활성화면 테두리 없음 + disabled && displayUrl + ? 'border-0' + : 'border-2 border-dashed', + // 색상 스타일 error || displayError ? 'border-red-500 bg-red-50' : isDragging ? 'border-primary bg-primary/5' - : 'border-gray-300 bg-gray-50 hover:border-primary/50', - disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer', + : disabled && displayUrl + ? 'bg-transparent' + : 'border-gray-300 bg-gray-50 hover:border-primary/50', + // 커서 스타일 + disabled + ? displayUrl + ? 'cursor-default' + : 'opacity-50 cursor-not-allowed' + : 'cursor-pointer', )} > {/* 숨겨진 파일 input */}