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-08-04 21:40:25 +09:00
parent f24a5a7f3f
commit 1206ee4261
15 changed files with 74 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
kr/assets/css/common.css
View File

@@ -3012,7 +3012,7 @@ video::-webkit-media-controls {
max-width: 120rem;
min-height: 22rem;
max-height: 90%;
overflow-y: scroll;
overflow-y: auto;
position: absolute;
top: 53%;
left: 50%;

2
kr/assets/css/common.css.map
View File

File diff suppressed because one or more lines are too long

2
kr/assets/css/common.scss
View File

@@ -3400,7 +3400,7 @@ video::-webkit-media-controls {
max-width: 120rem;
min-height: 22rem;
max-height: 90%;
overflow-y: scroll;
overflow-y: auto;
position: absolute;
top: 53%;
left: 50%;

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

@@ -3832,6 +3832,12 @@ pre {
}
.myCouponListWrap.couponNew .boardList .list .item .itemBottom {
background-color: #f9f9f9;
border-radius: 0 0 0.6rem 0.6rem;
}
@media (min-width: 768px) {
.myCouponListWrap.couponNew .boardList .list .item .itemBottom {
border-radius: 0 0.6rem 0.6rem 0;
}
}
.myCouponListWrap.couponNew .boardList .list .item .itemBottom .cost {
display: flex;
@@ -3866,29 +3872,25 @@ pre {
}
.myCouponListWrap.couponNew .boardList .list .item.coupon-expired .itemTop .info .benefits .benefitsItem .value, .myCouponListWrap.couponNew .boardList .list .item.coupon-used .itemTop .info .benefits .benefitsItem .value, .myCouponListWrap.couponNew .boardList .list .item.coupon-upcoming .itemTop .info .benefits .benefitsItem .value {
display: flex;
align-items: center;
flex-direction: column;
align-items: flex-start;
color: #9ea1a2;
}
.myCouponListWrap.couponNew .boardList .list .item.coupon-expired .itemTop .info .benefits .benefitsItem .value::after, .myCouponListWrap.couponNew .boardList .list .item.coupon-used .itemTop .info .benefits .benefitsItem .value::after, .myCouponListWrap.couponNew .boardList .list .item.coupon-upcoming .itemTop .info .benefits .benefitsItem .value::after {
.myCouponListWrap.couponNew .boardList .list .item.coupon-expired .itemTop .info .benefits .benefitsItem .value::before, .myCouponListWrap.couponNew .boardList .list .item.coupon-used .itemTop .info .benefits .benefitsItem .value::before, .myCouponListWrap.couponNew .boardList .list .item.coupon-upcoming .itemTop .info .benefits .benefitsItem .value::before {
content: "만료";
display: flex;
display: inline-flex;
justify-content: center;
align-items: center;
min-width: 4.3rem;
height: 2.6rem;
padding: 0 0.8rem;
margin-left: 0.8rem;
margin-bottom: 0.8rem;
font-size: 1.6rem;
color: #9ea1a2;
font-weight: 600;
background-color: #fff;
border: 1px solid #dedede;
}
@media (min-width: 768px) {
.myCouponListWrap.couponNew .boardList .list .item.coupon-expired .itemTop .info .benefits .benefitsItem .value::after, .myCouponListWrap.couponNew .boardList .list .item.coupon-used .itemTop .info .benefits .benefitsItem .value::after, .myCouponListWrap.couponNew .boardList .list .item.coupon-upcoming .itemTop .info .benefits .benefitsItem .value::after {
margin-left: 1.6rem;
}
}
.myCouponListWrap.couponNew .boardList .list .item.coupon-expired .itemTop .target p, .myCouponListWrap.couponNew .boardList .list .item.coupon-used .itemTop .target p, .myCouponListWrap.couponNew .boardList .list .item.coupon-upcoming .itemTop .target p {
color: #9ea1a2;
}
@@ -3901,10 +3903,10 @@ pre {
.myCouponListWrap.couponNew .boardList .list .item.coupon-expired .itemBottom .cost::before, .myCouponListWrap.couponNew .boardList .list .item.coupon-used .itemBottom .cost::before, .myCouponListWrap.couponNew .boardList .list .item.coupon-upcoming .itemBottom .cost::before {
background: url(../images/common/icon_coupon_expired.png) no-repeat center/100% auto;
}
.myCouponListWrap.couponNew .boardList .list .item.coupon-used .itemTop .info .benefits .benefitsItem .value::after {
.myCouponListWrap.couponNew .boardList .list .item.coupon-used .itemTop .info .benefits .benefitsItem .value::before {
content: "사용완료";
}
.myCouponListWrap.couponNew .boardList .list .item.coupon-upcoming .itemTop .info .benefits .benefitsItem .value::after {
.myCouponListWrap.couponNew .boardList .list .item.coupon-upcoming .itemTop .info .benefits .benefitsItem .value::before {
content: "예정";
}
.myCouponListWrap.couponNew .boardList .couponInfo ul li {

2
kr/assets/css/mypage.css.map
View File

File diff suppressed because one or more lines are too long

28
kr/assets/css/mypage.scss
View File

@@ -4177,6 +4177,10 @@ pre {
}
.itemBottom {
background-color: #f9f9f9;
border-radius: 0 0 0.6rem 0.6rem;
@include tablet {
border-radius: 0 0.6rem 0.6rem 0;
}
.cost {
display: flex;
align-items: center;
@@ -4213,25 +4217,31 @@ pre {
.benefitsItem {
.value {
display: flex;
align-items: center;
flex-direction: column;
align-items: flex-start;
color: #9ea1a2;
&::after {
// @include tablet {
// align-items: center;
// flex-direction: row-reverse;
// }
&::before {
content: "만료";
display: flex;
display: inline-flex;
justify-content: center;
align-items: center;
min-width: 4.3rem;
height: 2.6rem;
padding: 0 0.8rem;
margin-left: 0.8rem;
margin-bottom: 0.8rem;
font-size: 1.6rem;
color: #9ea1a2;
font-weight: 600;
background-color: #fff;
border: 1px solid #dedede;
@include tablet {
margin-left: 1.6rem;
}
// @include tablet {
// margin-left: 1.6rem;
// margin-bottom: 0;
// }
}
}
}
@@ -4260,7 +4270,7 @@ pre {
.benefits {
.benefitsItem {
.value {
&::after {
&::before {
content: "사용완료";
}
}
@@ -4275,7 +4285,7 @@ pre {
.benefits {
.benefitsItem {
.value {
&::after {
&::before {
content: "예정";
}
}

5
kr/assets/css/order.css
View File

@@ -1115,10 +1115,11 @@
}
.couponPopup .coupon-list .coupon-item .icon-check {
display: flex;
width: 5rem;
background: url("../images/common/coupon_check.png") no-repeat center/2.8rem auto;
width: 4.4rem;
background: url("../images/common/coupon_check.png") no-repeat center/2.2rem auto;
flex-shrink: 0;
border-left: 1px dashed #dedede;
border-radius: 0 0.8rem 0.8rem 0;
}
@media (min-width: 768px) {
.couponPopup .coupon-list .coupon-item .icon-check {

2
kr/assets/css/order.css.map
View File

File diff suppressed because one or more lines are too long

5
kr/assets/css/order.scss
View File

@@ -1131,10 +1131,11 @@
.icon-check {
display: flex;
width: 5rem;
background: url("../images/common/coupon_check.png") no-repeat center / 2.8rem auto;
width: 4.4rem;
background: url("../images/common/coupon_check.png") no-repeat center / 2.2rem auto;
flex-shrink: 0;
border-left: 1px dashed #dedede;
border-radius: 0 0.8rem 0.8rem 0;
@include tablet {
width: 16rem;
}

29
kr/assets/css/pdp_detail.css
View File

@@ -3989,14 +3989,23 @@
.displayThemeDesney .available-theme .list ul li.more {
overflow: visible;
position: relative;
display: block;
width: 100%;
aspect-ratio: 320/190;
padding: 6.6666666667vw 5.5555555556vw;
padding: 0;
margin: 0;
background-color: transparent;
border-radius: 0;
box-shadow: none;
}
.displayThemeDesney .available-theme .list ul li.more a {
padding: 6.6666666667vw 5.5555555556vw;
}
@media (min-width: 768px) {
.displayThemeDesney .available-theme .list ul li.more a {
padding: 4.8rem 4rem;
}
}
.displayThemeDesney .available-theme .list ul li.more:before {
content: "";
display: block;
@@ -4010,18 +4019,19 @@
}
@media (min-width: 768px) {
.displayThemeDesney .available-theme .list ul li.more:before {
display: none;
width: 61rem;
height: 40.5rem;
background: url(../images/kia/pdp/display_theme_disney/box_more.png) no-repeat center/auto 100%;
}
}
@media (min-width: 768px) {
.displayThemeDesney .available-theme .list ul li.more {
width: 61rem;
height: 41.4rem;
padding: 6.6rem 5.8rem;
margin: -1.8rem 0 0 0;
width: 57.4rem;
height: 36.9rem;
margin: 0 0 0;
border-radius: 0;
background: url(../images/kia/pdp/display_theme_disney/box_more.png) no-repeat center/auto 100%;
box-shadow: none;
aspect-ratio: inherit;
}
}
@media (min-width: 1025px) {
@@ -4029,11 +4039,6 @@
margin-left: 0;
}
}
@media (min-width: 1240px) {
.displayThemeDesney .available-theme .list ul li.more {
margin-left: -1.8rem;
}
}
.displayThemeDesney .available-theme .list ul li.more strong {
display: flex;
align-items: center;

2
kr/assets/css/pdp_detail.css.map
View File

File diff suppressed because one or more lines are too long

20
kr/assets/css/pdp_detail.scss
View File

@@ -4572,27 +4572,29 @@
background: url(../images/kia/pdp/display_theme_disney/box_more_m2.png) no-repeat center / auto 100%;
@include tablet {
display: none;
width: 61rem;
height: 40.5rem;
background: url(../images/kia/pdp/display_theme_disney/box_more.png) no-repeat center / auto 100%;
}
}
@include tablet {
width: 61rem;
height: 41.4rem;
padding: 6.6rem 5.8rem;
margin: -1.8rem 0 0 0;
width: 57.4rem;
height: 36.9rem;
padding: 4.8rem 4rem;
margin: 0 0 0;
border-radius: 0;
background: url(../images/kia/pdp/display_theme_disney/box_more.png) no-repeat center / auto 100%;
box-shadow: none;
aspect-ratio: inherit;
}
@include desktopMin {
margin-left: 0;
}
@include desktopMax {
margin-left: -1.8rem;
}
// @include desktopMax {
// margin-left: -1.8rem;
// }
strong {
display: flex;