[WEB] fix(ImageUpload): 뷰 모드에서 이미지 정상 표시

- disabled 상태에서 이미지 있으면 투명도 100% 유지
- 뷰 모드에서 테두리 제거하여 깔끔하게 표시
- 이미지 없을 때만 기존 흐림 효과 유지
This commit is contained in:
2026-01-27 19:12:29 +09:00
parent e246459a08
commit 9aa8983e72

View File

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