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-15 20:05:13 +09:00
parent e4ed7448b5
commit fc0eaf5b14
5 changed files with 44 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1023,7 +1023,7 @@
}
.couponPopup .coupon-list input[type=radio]:checked ~ .coupon-item .icon-check {
background-color: #05141f;
background-image: url("../images/common/coupun_check_on.png");
background-image: url("../images/common/coupon_check_on.png");
}
.couponPopup .coupon-list input[type=radio]:disabled ~ .coupon-item {
background-color: #f1f1f1;
@@ -1112,12 +1112,12 @@
.couponPopup .coupon-list .coupon-item .coupon-label .error-text {
display: block;
font-size: 1.4rem;
color: #EA0029;
color: #ea0029;
}
.couponPopup .coupon-list .coupon-item .icon-check {
display: flex;
width: 5rem;
background: url("../images/common/coupun_check.png") no-repeat center/2.8rem auto;
background: url("../images/common/coupon_check.png") no-repeat center/2.8rem auto;
flex-shrink: 0;
border-left: 1px dashed #dedede;
}

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

File diff suppressed because one or more lines are too long

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

@@ -143,7 +143,7 @@
flex-wrap: nowrap;
}
>div {
> div {
display: flex;
margin-top: 1.4rem;
@@ -151,7 +151,7 @@
margin-top: 0;
}
>p {
> p {
min-width: 7.5rem;
height: 7.5rem;
overflow: hidden;
@@ -236,7 +236,7 @@
}
}
dt+dd {
dt + dd {
margin-top: 0.5rem;
@include desktopMin {
@@ -244,7 +244,7 @@
}
}
dd+dd {
dd + dd {
margin-top: 1.5rem;
font-size: 1.4rem;
@@ -256,7 +256,7 @@
}
}
.cartItemInfo+dl {
.cartItemInfo + dl {
@include maxmobile {
width: 100%;
}
@@ -322,7 +322,7 @@
width: 100%;
min-width: 18rem;
button+button {
button + button {
margin-top: 1rem;
}
@@ -562,7 +562,7 @@
}
}
li+li {
li + li {
margin-top: 1rem;
}
@@ -582,7 +582,7 @@
min-height: 17rem;
}
>p {
> p {
font-weight: 600;
font-size: 1.8rem;
color: #9ea1a2;
@@ -618,7 +618,7 @@
width: fit-content;
}
>p {
> p {
width: 100%;
display: flex;
align-items: center;
@@ -644,7 +644,6 @@
button,
a {
&::before,
&::after {
@include tablet {
@@ -692,7 +691,7 @@
max-height: 12rem;
}
>p {
> p {
font-size: 1.4rem;
@include mobile {
@@ -730,7 +729,7 @@
width: fit-content;
}
>p {
> p {
width: 100%;
display: flex;
align-items: center;
@@ -765,7 +764,6 @@
button,
a {
&::before,
&::after {
@include tablet {
@@ -843,7 +841,7 @@
cursor: not-allowed;
}
[type="radio"]:disabled+span {
[type="radio"]:disabled + span {
opacity: 0.5;
cursor: not-allowed;
}
@@ -1001,7 +999,7 @@
li {
position: relative;
&+li {
& + li {
margin-top: 2rem;
}
}
@@ -1019,7 +1017,7 @@
}
&:checked {
&~.coupon-item {
& ~ .coupon-item {
border-color: #111;
&:focus {
@@ -1028,13 +1026,13 @@
.icon-check {
background-color: #05141f;
background-image: url("../images/common/coupun_check_on.png");
background-image: url("../images/common/coupon_check_on.png");
}
}
}
&:disabled {
&~.coupon-item {
& ~ .coupon-item {
background-color: #f1f1f1;
border-color: #e0e0e0;
color: #aaa;
@@ -1128,14 +1126,14 @@
.error-text {
display: block;
font-size: 1.4rem;
color: #EA0029;
color: #ea0029;
}
}
.icon-check {
display: flex;
width: 5rem;
background: url("../images/common/coupun_check.png") no-repeat center / 2.8rem auto;
background: url("../images/common/coupon_check.png") no-repeat center / 2.8rem auto;
flex-shrink: 0;
border-left: 1px dashed #dedede;
}
@@ -1154,13 +1152,11 @@
@include tablet {
justify-content: center;
&>a {
& > a {
width: 18rem;
margin: 0;
}
}
}
}
}
@@ -1241,10 +1237,10 @@
}
.cartItemInfo {
>div {
> div {
margin-top: 0;
>p {
> p {
margin-left: 0;
border-radius: 0;
@@ -1275,7 +1271,7 @@
}
}
.cartItemInfo+dl {
.cartItemInfo + dl {
min-width: 20rem;
dd {
@@ -1329,7 +1325,7 @@
}
}
>dl {
> dl {
.couponBtn {
display: flex;
justify-content: flex-end;
@@ -1586,7 +1582,7 @@
}
}
>a {
> a {
display: flex;
font-size: 1.4rem;
color: #676767;
@@ -1607,11 +1603,11 @@
}
}
a+a {
a + a {
margin-top: 1.5rem;
}
>label {
> label {
display: flex;
margin-top: 2rem;
align-items: flex-start;
@@ -1628,7 +1624,6 @@
margin-top: 4rem;
button {
&::before,
&::after {
width: 3.2rem;
@@ -1792,7 +1787,7 @@
}
}
p+p {
p + p {
margin-top: 2rem;
}
@@ -1807,7 +1802,6 @@
div {
a {
&::before,
&::after {
width: 3.2rem;
@@ -1835,14 +1829,14 @@
.completeForm {
margin-top: 4rem;
>div {
> div {
border-top: 1px solid #999999;
@include tablet {
border-top: 1px solid #dedede;
}
>dl {
> dl {
border-bottom: 1px solid #dedede;
display: flex;
flex-wrap: wrap;
@@ -1860,7 +1854,7 @@
}
}
>dt {
> dt {
padding-top: 1rem;
@include tablet {
@@ -1869,7 +1863,7 @@
}
}
>dd {
> dd {
padding-top: 1rem;
padding-bottom: 1rem;
font-weight: 600;
@@ -1881,7 +1875,7 @@
}
}
>dt {
> dt {
width: 100%;
font-size: 1.4rem;
padding-left: 0rem;
@@ -1909,7 +1903,7 @@
}
}
>dd {
> dd {
padding-left: 0;
width: 100%;
font-size: 1.4rem;
@@ -1950,7 +1944,7 @@
margin-top: 0;
}
>div {
> div {
position: relative;
border-radius: 0.6rem;
overflow: hidden;
@@ -2050,7 +2044,7 @@
}
}
dl+dl {
dl + dl {
margin-top: 1rem;
@include tablet {
@@ -2059,7 +2053,7 @@
}
}
>div {
> div {
margin-left: 0rem;
width: 100%;
margin-top: 3rem;
@@ -2071,7 +2065,6 @@
}
a {
&::before,
&::after {
width: 3.2rem;
@@ -2085,7 +2078,7 @@
}
}
li+li {
li + li {
border-top: 0;
margin-top: 1.5rem;
@@ -2129,7 +2122,7 @@
flex-wrap: nowrap;
}
button+button {
button + button {
margin-top: 1rem;
@include tablet {
@@ -2195,7 +2188,7 @@
display: flex;
flex-direction: column;
+.agree-label {
+ .agree-label {
margin-top: 2.5rem;
}
@@ -2216,4 +2209,4 @@
font-size: 1.4rem;
color: #676767;
}
}
}

0
kr/assets/images/common/coupun_check.png → kr/assets/images/common/coupon_check.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

0
kr/assets/images/common/coupun_check_on.png → kr/assets/images/common/coupon_check_on.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 952 B

After

Width:  |  Height:  |  Size: 952 B