주문상세 배송지변경팝업 수정 내역
layout.css
@@ -355,6 +355,7 @@ color: rgba(0, 0, 0, 1);} .popup-wrap .scroll { overflow-y: auto; min-height: auto; height: calc(100% - 55px); padding: 0 20px 40px 20px; } .popup-wrap .cont-wrap { padding: 20px; } .popup-wrap.full .cont-wrap { overflow-y: auto; overflow-x: hidden; height: 100%; padding: 20px 20px 75px 20px; } +.popup-wrap .cont-wrap__inner {padding-inline: 20px;} .popup-wrap .popup .layer-container { width: 100%; text-align: left; height: 100%; } .popup-wrap .popup .head-wrap { padding: 0 20px 20px 20px; } .popup-wrap .popup .head-wrap p { font-size: 14px; color: #333; line-height: 22px; margin: 20px 0 0 0; } @@ -613,8 +614,8 @@ touch-action: pan-y;} background: url(../images/svg/icons-24-px-home_v2.svg) center center no-repeat; } /* 240723 장바구니 아이콘 수정 */ -.header-wrap .wrap-holder [class *= -holder] em { height: 18px; line-height: 16px; min-width: 18px; border-radius: 9px; background: #FF5B37; color: #fff; font-size: 10px; text-align: center; position: absolute; top: 3px; right: 0; } -.header-wrap .wrap-holder .cart-holder #emCartCnt { display: flex; align-items: center; justify-content: center; line-height: 1; } +.header-wrap .wrap-holder [class *= -holder] em { height: 18px; line-height: 16px; min-width: 18px; border-radius: 9px; background: #FF5B37; color: #fff; font-size: 10px; text-align: center; position: absolute; top: 3px; right: 0; pointer-events: none; } +.header-wrap .wrap-holder .cart-holder #emCartCnt { display: flex; align-items: center; justify-content: center; line-height: 1; pointer-events: none; } .header-wrap .wrap-holder [class *= -holder] em.new-dot { min-width: auto; width: 9px; height: 9px; top: 4px; right: 8px; } /* 2026.04.01 숫자 대신 닷만 사용할 경우 */ .header-wrap.white .wrap-holder .txt {color:#fff;font-weight: 900;} .header-wrap.white .wrap-holder .txt span {background-image: url(../images/png/logo-w.png);} @@ -795,9 +796,9 @@ touch-action: pan-y;} .top-btn span{transition:width 0.3s; width:0; position:relative; display:flex; justify-content:space-between;} .top-btn span .br-con{display:none; flex:1; margin:0 0 0 36px; border:none; background-color:transparent; border-radius:0; background-repeat:no-repeat; background-position:center center; background-size:100% auto; z-index:1;} .top-btn .br-con-close{display:none;transition:all 0.3s;} -.top-btn.open span{width:168px;height:36px;border-radius: 20px;margin: 0 0 0 15px;text-align: right; background-color:#fff;} +.top-btn.open span{width:168px;height:36px;align-items:center;border-radius: 20px;margin: 0 0 0 15px;text-align: right; background-color:#fff;} .top-btn.open span:before{content:'';display:block;width:10px;height:10px;background:#fff;position:absolute;transform: rotate(45deg);left: 50%;margin: -4px 0 0 -5px;} -.top-btn.open span .br-con {display:block;} +.top-btn.open span .br-con {display:block;height: 24px;margin: 0 0 0 18px;background-size:contain;} .top-btn.open .brand-con>.br-con {display: none;} .top-btn.open .br-con-close{display:inline-block;background: url(../images/svg/br-con-close.svg);background-size:100%;} .quick-fixed:before{content:'';background:rgba(0,0,0,0.6);overflow:hidden;display:block;position:fixed;width:100%;height:100%;z-index: 15;transition:all 0.3s;top:0;} @@ -2113,6 +2114,10 @@ p.essen {font-size: 12px; margin: 8px 0} .popup-wrap.change-address .btcon2 .box-type-select { color: #888; -webkit-text-fill-color: #888; + height: 36px; + padding-inline: 18px; + border: 1px solid #ddd; + line-height: 36px; font-weight: 500; } .popup-wrap.pop-recash .cont-wrap {padding: 0 20px 75px;}
MY-051_orders_detail.html
@@ -1893,10 +1893,11 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f"); <!-- //파일첨부 팝업--> <!--배송지 변경 팝업--> - <div class="popup-wrap full change-address"> + <div class="popup-wrap full change-address on dim"> <div class="popup"> <div class="layer-container"> - <header class="flex"> + <header class="popup__header flex"> + <h1 class="popup__title">배송지 정보</h1> <div class="flex end margin"> <button class="close"> <div class="box"> @@ -1906,20 +1907,13 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f"); </div> </header> <div class="cont-wrap"> - <div class="div-header mt-0"> - <h1>배송지 정보</h1> - </div> - <div class="tab- mt-20"> + <div class="tab-"> <ul class="brand-tab"> <li class="on" id="liDlvyList"><a href="javascript:$('.divNewDlvp').hide();$('.divSelDlvp').show();">배송지 목록</a></li> <li class="" id="liDlvyNew"><a href="javascript:$('.divSelDlvp').hide();$('.divNewDlvp').show();fn_initDlvpNewInfo();">직접 입력</a></li> </ul> </div> <div class="b-tab-cont btcon1" style="display: block;"> - - <div class="div-middle"> - <p class="tp13-8">최근 사용한 배송지 목록 입니다. 배송지를 선택해 주세요. </p> - </div> <div class="my-addr-list"> <div class="my-addr on"> <div class="input-holder"> @@ -1974,18 +1968,9 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f"); </div> </div> </div> - <footer class="fix-type1 divSelDlvp"> - <div class="flex full"> - <button class="btn-type-normal large" onclick="fn_setDlvpInfo();"> - <div class="box"> - <span>확인</span> - </div> - </button> - </div> - </footer> + <div class="b-tab-cont btcon2" style="display: none;"> <div class="div-middle"> - <p class="tp13-8">배송지를 입력해 주세요.</p> <h4 class="label mt-20">배송지명<span class="essen">*</span></h4> <div class="flex"> <div class="input-holder"> @@ -1995,8 +1980,10 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f"); </div> <div class="div-middle"> <h4 class="label">받는 분<span class="essen">*</span></h4> - <div class="input-holder"> - <input class="txt-type-normal" placeholder="이름" id="rcpntNew" oninput="fn_HandleOnInput(this, 5,'text', event)" oncompositionend="fn_HandleOnInput(this, 5,'text')"> + <div class="flex"> + <div class="input-holder"> + <input class="txt-type-normal" placeholder="이름" id="rcpntNew" oninput="fn_HandleOnInput(this, 5,'text', event)" oncompositionend="fn_HandleOnInput(this, 5,'text')"> + </div> </div> </div> <div class="div-middle phone"> @@ -2062,38 +2049,41 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f"); </div> </div> </div> - <div class="input-holder mt-20"> + <div class="input-holder flex mt-5"> <input id="cbox-01" class="cbox-type" type="checkbox" name="cbox-1" value="" checked=""> <label for="cbox-01" class="_img">배송지 목록에 추가하기</label> - </div> - <div class="input-holder mt-10"> + <input id="cbox-02" class="cbox-type" type="checkbox" name="cbox-baseDlvp" value=""> <label for="cbox-02" class="_img">기본배송지</label> </div> <div class="div-middle"> <h4 class="label">배송 요청사항</h4> - <div class="input-holder"> - <select class="box-type-select" id="sltDlvyRequestNew" onchange="fn_setDlvyRequest2(this.value);"> - <option value="" class="placeholder">배송 요청사항 (선택)</option> - <option value="빠른 배송 부탁드립니다.">빠른 배송 부탁드립니다.</option> - <option value="배송 전, 연락주세요.">배송 전, 연락주세요.</option> - <option value="부재 시, 연락처로 연락주세요.">부재 시, 연락처로 연락주세요.</option> - <option value="부재 시, 경비실에 맡겨주세요.">부재 시, 경비실에 맡겨주세요.</option> - <option value="경비실이 없습니다. 배송전, 연락주세요.">경비실이 없습니다. 배송전, 연락주세요.</option> - <option value="self">직접 입력</option> - </select> - <div class="input-holder"> - <input class="txt-type-normal" placeholder="최대 20자 입력" id="iptDlvyRequestNew" disabled oninput='fn_HandleOnInput(this, 20)'> - </div> - <div class="input-holder"> - <input class="txt-type-normal" disabled> - </div> - <input type="hidden" id="hidTotalDlvpNoNew" value=""/> - </div> + <select class="box-type-select" id="sltDlvyRequestNew" onchange="fn_setDlvyRequest2(this.value);"> + <option value="" class="placeholder">배송 요청사항 (선택)</option> + <option value="빠른 배송 부탁드립니다.">빠른 배송 부탁드립니다.</option> + <option value="배송 전, 연락주세요.">배송 전, 연락주세요.</option> + <option value="부재 시, 연락처로 연락주세요.">부재 시, 연락처로 연락주세요.</option> + <option value="부재 시, 경비실에 맡겨주세요.">부재 시, 경비실에 맡겨주세요.</option> + <option value="경비실이 없습니다. 배송전, 연락주세요.">경비실이 없습니다. 배송전, 연락주세요.</option> + <option value="self">직접 입력</option> + </select> + <div class="input-holder mt-5"> + <input class="txt-type-normal" placeholder="최대 20자 입력" id="iptDlvyRequestNew" disabled oninput='fn_HandleOnInput(this, 20)'> + </div> + <input type="hidden" id="hidTotalDlvpNoNew" value=""/> </div> </div> </div> </div> + <footer class="fix-type1 divSelDlvp"> + <div class="flex full"> + <button class="btn-type-normal large" onclick="fn_setDlvpInfo();"> + <div class="box"> + <span>확인</span> + </div> + </button> + </div> + </footer> <footer class="fix-type1 divNewDlvp" style="display:none;"> <div class="flex full"> <button class="btn-type-normal large" onclick="fn_setDlvp();">