diff --git a/src/component/order/OrderOptions.js b/src/component/order/OrderOptions.js index 34b961d..9a70f0e 100644 --- a/src/component/order/OrderOptions.js +++ b/src/component/order/OrderOptions.js @@ -264,13 +264,11 @@ const AddImage = ({ custom, optionItems, moveToEditor, onHandleImg }) => { ) : ( <> {selectedImg && ( -
- Selected console.log('이미지 로드 성공')} - onError={() => console.log('이미지 로드 실패')} - /> +
+ Selected
)} 라이센스 이미지 보기 diff --git a/src/component/order/previewLicense/PreviewLicense.js b/src/component/order/previewLicense/PreviewLicense.js index 4445556..d406438 100644 --- a/src/component/order/previewLicense/PreviewLicense.js +++ b/src/component/order/previewLicense/PreviewLicense.js @@ -25,7 +25,6 @@ const PreviewLicense = ({ optionItems, onHandleImg, open, handleClose }) => { setSelectedOption(optionItem.id)} /> diff --git a/src/component/order/previewLicense/StyledComponents.js b/src/component/order/previewLicense/StyledComponents.js index 3ce98c3..f964d28 100644 --- a/src/component/order/previewLicense/StyledComponents.js +++ b/src/component/order/previewLicense/StyledComponents.js @@ -32,8 +32,11 @@ export const StyledLabel = styled.label` img { width: 100%; height: 100%; - transition: transform 0.3s; - transform-origin: center center; + max-width: 100%; + max-height: 100%; + border-radius: 8px; + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); + cursor: pointer; } .check-icon { @@ -57,6 +60,8 @@ export const StyledLabel = styled.label` export const ImagesContainer = styled.div` display: flex; + width: 100%; + height: 100%; gap: 16px; overflow-x: auto; padding: 16px;