gil/fod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

스트리밍 프리미엄 해지 팝업 작업중

Browse Source
This commit is contained in:
NEW_GIL_HOME\hyeon
2025-05-30 07:41:41 +09:00
parent 09914b462e
commit 9d70d7ca8f
10 changed files with 188 additions and 5793 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
kr/assets/css/mypage.css
View File

@@ -3954,6 +3954,11 @@ pre {
border-radius: 0.6rem;
}
@media (min-width: 768px) {
.cancelPremiumPopup .popInner {
width: 56rem;
}
}
.cancelPremiumPopup .content .alertMessage {
display: block;
margin-bottom: 3rem;
@@ -4014,12 +4019,48 @@ pre {
color: #000;
font-weight: 400;
}
.cancelPremiumPopup .content .amount-box .totalRefund-detail {
padding: 1.6rem;
background-color: #F5F5F5;
}
.cancelPremiumPopup .content .amount-box ul {
padding: 0.5rem 0;
}
.cancelPremiumPopup .content .amount-box ul li {
color: #aaa;
font-size: 1.4rem;
font-weight: 400;
padding-left: 2rem;
text-indent: -2.2rem;
line-height: 1.5;
}
.cancelPremiumPopup .content .amount-box ul li span {
display: block;
}
.cancelPremiumPopup .content .amount-box ul li span b {
color: #000;
font-weight: 400;
}
.cancelPremiumPopup .content .amount-box .btn-detail {
font-size: 1.4rem;
color: #676767;
font-weight: 400;
border-bottom: 1px solid #676767;
}
.cancelPremiumPopup .content .amount-box .btn-detail:after {
content: "";
display: block;
width: 1.4rem;
height: 1.4rem;
margin: 0 0.4rem 0.2rem 0;
background: url("../images/common/icon-tbarrow.svg") no-repeat center/contain;
}
.cancelPremiumPopup .content .totalRefund {
display: flex;
align-items: center;
justify-content: center;
height: 8rem;
margin: 3rem 0 3.6rem;
margin: 3rem 0 0;
background-color: #ececec;
font-size: 1.6rem;
font-weight: 400;
@@ -4032,10 +4073,43 @@ pre {
margin: 2rem 0;
}
}
.cancelPremiumPopup .content .totalRefund b {
.cancelPremiumPopup .content .totalRefund > div {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
flex: 1;
padding: 0 3rem;
line-height: 1.5;
}
.cancelPremiumPopup .content .totalRefund > div .amount {
display: block;
width: 100%;
padding-left: 1.8rem;
font-weight: 600;
color: #5D7D2B;
}
.cancelPremiumPopup .content .totalRefund > div b {
display: flex;
align-items: center;
justify-content: flex-start;
font-weight: 400;
}
.cancelPremiumPopup .content .totalRefund b .minusPriceInfo {
font-weight: 600;
.cancelPremiumPopup .content .totalRefund > div b:before {
content: "";
display: block;
width: 1.4rem;
height: 1.4rem;
margin: 0 0.4rem 0.2rem 0;
background: url("../images/common/icon-plus-green.png") no-repeat center/contain;
}
.cancelPremiumPopup .content .totalRefund > div.minus {
border-left: 1px solid #D9D9D9;
}
.cancelPremiumPopup .content .totalRefund > div.minus b:before {
background: url("../images/common/icon-minus-red.png") no-repeat center/contain;
}
.cancelPremiumPopup .content .totalRefund > div.minus .amount {
color: #EA0029;
}
/*# sourceMappingURL=mypage.css.map */