2606_UIUX_17 수정 내역
https://contents.k-village.co.kr/front/mobile/css/product.css
@@ -384,6 +384,7 @@ footer.direct button.full::before{transform:none} height: 100%; padding: 20px 20px 135px 20px; } +.basic-popup.size .cont-wrap--fit {padding-inline:0} .comment-pop.on .popup{max-height:100%;height:100%} .comment-pop .cont-wrap{overflow-y:auto;height:100%;padding:0 20px 126px 20px} .comment-pop .review-item{padding:0 20px 0 20px;border:none;margin:0 0 0 -20px} @@ -666,7 +667,7 @@ margin: 0 0 10px 0;position: relative;z-index: 2;text-indent:-9999px;} .inquire-item{padding:10px 0 15px 0} .inquire-item li{height:77px;padding:0 0 0 95px;position:relative;margin:5px 0 10px 0;font-size:13px;color:#888} .inquire-item .img-wrap{width:77px;height:77px;position:absolute;overflow:hidden;left:0;background:#f5f5f5;border:1px solid #ddd;text-align:center;line-height:69px} -.inquire-item .img-wrap img{width:100%} +.inquire-item .img-wrap img{width:100%;height: 100%;object-fit: contain;} .inquire-item .img-wrap.bin img{width:auto} .inquire-item p{} .inquire-item p strong{display:block;color:#555;font-size:11px;padding:3px 0 3px 0} @@ -679,6 +680,7 @@ margin: 0 0 10px 0;position: relative;z-index: 2;text-indent:-9999px;} .info-inquire{border:1px solid #ddd;padding:15px 15px;margin:10px 0} .info-inquire strong{color:#000} .inquire-attach{padding:0 0 30px 0} +.inquire-attach--fit {padding:0} .inquire-attach h4{font-size:15px;padding:15px 0 7px 0;font-weight:500} .inquire-attach .add-file {display:block;} .inquire-attach .add-file ul{display:inline-block;vertical-align: top;} @@ -687,7 +689,7 @@ margin: 0 0 10px 0;position: relative;z-index: 2;text-indent:-9999px;} .inquire-attach .add-file li{position:relative;margin:0 4px 6px 0;display:inline-block;} .inquire-attach .add-file li img{width:77px;height:77px;object-fit:cover} .inquire-attach .add-file li video{width:77px;height:77px;object-fit:cover} -.inquire-attach .add-file li .del{display:block;width:16px;height:16px;position:absolute;right:0;top:0;background:#000 url(https://contents.k-village.co.kr/front/pc/images/common/remove-white_new.svg) center center no-repeat;text-indent:-9999px;background-size:12px} +.inquire-attach .add-file li .del{display:block;width:16px;height:16px;position:absolute;right:0;top:0;background: url(https://contents.k-village.co.kr/front/pc/images/common/remove-white_new.svg) center center no-repeat;text-indent:-9999px;background-size:12px} .answer .inquire-attach{padding: 20px 0 0 20px;} .attach-btns{padding:0 0 10px 0} .attach-btns li{padding:0 0 10px 0}
html/MY-032_inquiry_new.html
@@ -384,7 +384,7 @@ function noReturn2() { <div class="cont-wrap"> <div class="div-middle phone"> <h4 class="label">휴대폰번호 <span class="essen">*</span></h4> - <div class="flex center mt-10"> + <div class="flex center mt-5"> <div class="input-holder"> <input class="txt-type-normal center" name="quickRestockHpNo1" placeholder="010" maxlength="3" numberonly="true" oninput="numberMaxLength(this)" onkeyup="lengthAndMoveFocus(this, 3, $(this).closest('.phone').find('[name=quickRestockHpNo2]'));"> </div> @@ -663,8 +663,8 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f"); <div class="div-middle" id="div-inquiry-contents"> - <h4 class="label">문의내용</h4> - <div class="flex form-inquire"> + <h4 class="label">문의 내용</h4> + <div class="flex form-inquire mt-5"> <div style="height:218px;"> <label for=""> <input id="inquiry-title" type="text" name="asknm" value="" @@ -679,7 +679,7 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f"); </label> </div> </div> - <div class="inquire-attach mt-20"> + <div class="inquire-attach inquire-attach--fit"> <div class="add-file flex" id="inquiry-photo-base"> <button type="button" class="add-btn inquiry">찾기</button> </div> @@ -712,7 +712,7 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f"); </div> <div class="wrap-holder"> - <div class="flex margin full div-header"> + <div class="flex margin full mt-15"> <button class="btn-type-line" id="btn-cancel-inquiry"> <div class="box"> <span>취소</span>