2606_UIUX_12 수정 내역
https://contents.k-village.co.kr/front/mobile/css/layout.css
@@ -365,11 +365,12 @@ color: rgba(0, 0, 0, 1);} .popup-wrap .popup .popup__title--fit {padding-left: 0;} .popup-wrap .cont-wrap--fit {padding-top: 0;} .popup-wrap.full .cont-wrap--fit {padding-top: 0;} -.popup-wrap .popup .popup__content .popup__message {font-size:16px;line-height:25px;font-weight:400;} +.popup-wrap .popup .popup__content .popup__message {font-size:16px;line-height:25px;} .popup-wrap .popup .popup__content .popup__message--primary {font-size:18px;line-height:26px;} +.popup-wrap .popup .popup__content .popup__message--info {font-size:14px;line-height:normal;} .popup-wrap .popup .popup__content .popup__message ~ .popup__message {margin-top: 20px;} .popup-wrap .popup .popup__content .popup__message ~ .popup__message--desc {margin-top: 5px;} -.popup-wrap .popup .popup__content .popup__message .lined-text {position:relative;display:inline-block;font-size:inherit} +.popup-wrap .popup .popup__content .popup__message .lined-text {position:relative;display:inline-block;font-size:inherit;font-weight:inherit;} .popup-wrap .popup .popup__content .popup__message .lined-text::before {content:"";position: absolute;bottom:0;left:0;right:0;height: 1px;background-color: #000;} .quantity-control { font-size: 0; } @@ -784,7 +785,7 @@ touch-action: pan-y;} background-size:20px;} .quick-wrap.hide .quick-close{ transform: rotate(180deg);} -.top-btn{position: fixed; right: 21px; bottom: 90px; cursor: pointer; z-index: 16;text-align: right; display:flex; flex-direction:column-reverse; align-items:flex-end; transition:transform .3s;} +.top-btn{position: fixed; right: 21px; bottom: calc(90px + env(safe-area-inset-bottom, 0px)); cursor: pointer; z-index: 16;text-align: right; display:flex; flex-direction:column-reverse; align-items:flex-end; transition:transform .3s;} .top-btn.down{transform:translateY(60px)} .top-btn a{display:inline-block;width: 36px; height: 36px;margin:15px 0 0 0;} .top-btn [data-menuanchor="top"] {display:none; order:-1;} @@ -2023,7 +2024,6 @@ p.essen {font-size: 12px; margin: 8px 0} height: 1px; background: #000; } -.popup-wrap.change-address .popup header {border-bottom: 1px solid #ccc;} .popup-wrap.change-address .div-header h1 { font-size: 18px; font-weight: 500; @@ -2115,11 +2115,6 @@ p.essen {font-size: 12px; margin: 8px 0} -webkit-text-fill-color: #888; font-weight: 500; } -.popup-wrap.pop-recash header {border-bottom: 1px solid #ccc;} -.popup-wrap.pop-recash h1 { - font-weight: 500; - padding-left: 20px; -} .popup-wrap.pop-recash .cont-wrap {padding: 0 20px 75px;} .popup-wrap.pop-recash .cont-wrap h4.label { font-size: 13px; @@ -2225,8 +2220,6 @@ p.essen {font-size: 12px; margin: 8px 0} } .popup-wrap.mypage-dis header {border-bottom: 1px solid #ccc;} -.popup-wrap.send-mail header {border-bottom: 1px solid #ccc;} -.popup-wrap.pw-change .popup__message--primary {margin-block: 10px 30px;} /* UIUX4차 68 기획전, 이벤트 타임세일 */ .event-bnr .bnr-txt.white strong
html/MY-014_mypage_account.html
@@ -760,7 +760,8 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f"); <div class="popup-wrap full pop-recash" id="add-account"> <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"> @@ -770,9 +771,6 @@ groobee("serviceKey", "149537f7f34642698831c8fc30f4501f"); </div> </header> <div class="cont-wrap"> - <div> - <h1>환불계좌 등록</h1> - </div> <div class="wrap-holder"> <div class="div-middle"> <h4 class="label">예금주<em class="essen">*</em></h4>