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-07-12 23:28:06 +09:00
parent be9470d963
commit be5e1f9afb
14 changed files with 1144 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3801,6 +3801,103 @@ pre {
content: "∙";
margin-right: 0.5rem;
}
.myCouponListWrap.couponNew {
margin-top: 0;
}
@media (min-width: 768px) {
.myCouponListWrap.couponNew {
margin-top: 4rem;
}
}
.myCouponListWrap.couponNew .boardList .list .item {
align-items: normal;
}
.myCouponListWrap.couponNew .boardList .list .item .itemTop .info .benefits .benefitsItem {
margin: 0;
}
.myCouponListWrap.couponNew .boardList .list .item .itemTop .info .benefits .benefitsItem .value {
padding: 0;
}
.myCouponListWrap.couponNew .boardList .list .item .itemTop .target {
margin-top: 2rem;
}
.myCouponListWrap.couponNew .boardList .list .item .itemTop .target p {
padding-left: 7.8rem;
text-indent: -7.8rem;
font-size: 1.6rem;
color: #676767;
}
.myCouponListWrap.couponNew .boardList .list .item .itemTop .target p + p {
margin-top: 1rem;
}
.myCouponListWrap.couponNew .boardList .list .item .itemBottom {
background-color: #f9f9f9;
}
.myCouponListWrap.couponNew .boardList .list .item .itemBottom .cost {
display: flex;
align-items: center;
flex-direction: row;
margin-top: 0;
font-stretch: 1.4rem;
color: #000;
}
@media (min-width: 768px) {
.myCouponListWrap.couponNew .boardList .list .item .itemBottom .cost {
justify-content: center;
flex-direction: column;
}
}
.myCouponListWrap.couponNew .boardList .list .item .itemBottom .cost::before {
content: "";
display: block;
width: 3.2rem;
height: 3.2rem;
margin-right: 1.2rem;
background: url(../images/common/icon_coupon.png) no-repeat center/100% auto;
}
@media (min-width: 768px) {
.myCouponListWrap.couponNew .boardList .list .item .itemBottom .cost::before {
margin-right: 0;
margin-bottom: 0.8rem;
}
}
.myCouponListWrap.couponNew .boardList .list .item.coupon-expired {
background-color: #eee;
}
.myCouponListWrap.couponNew .boardList .list .item.coupon-expired .itemTop .info .benefits .benefitsItem .value {
display: flex;
align-items: center;
color: #9ea1a2;
}
.myCouponListWrap.couponNew .boardList .list .item.coupon-expired .itemTop .info .benefits .benefitsItem .value::after {
content: "만료";
display: flex;
justify-content: center;
align-items: center;
width: 4.3rem;
height: 2.5rem;
margin-left: 1.6rem;
font-size: 1.6rem;
color: #9ea1a2;
font-weight: 600;
background-color: #fff;
border: 1px solid #dedede;
}
.myCouponListWrap.couponNew .boardList .list .item.coupon-expired .itemTop .target p {
color: #9ea1a2;
}
.myCouponListWrap.couponNew .boardList .list .item.coupon-expired .itemBottom {
background-color: #eee;
}
.myCouponListWrap.couponNew .boardList .list .item.coupon-expired .itemBottom .cost {
color: #9ea1a2;
}
.myCouponListWrap.couponNew .boardList .list .item.coupon-expired .itemBottom .cost::before {
background: url(../images/common/icon_coupon_expired.png) no-repeat center/100% auto;
}
.myCouponListWrap.couponNew .boardList .couponInfo ul li {
color: #676767;
}
.reviewWarp {
margin-top: 0rem;