[WEB] fix(ImageUpload): 뷰 모드에서 이미지 정상 표시
- disabled 상태에서 이미지 있으면 투명도 100% 유지 - 뷰 모드에서 테두리 제거하여 깔끔하게 표시 - 이미지 없을 때만 기존 흐림 효과 유지
This commit is contained in:
@@ -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 */}
|
||||
|
||||
Reference in New Issue
Block a user