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 */}