响应式
This commit is contained in:
parent
910186a284
commit
746376c9f4
|
|
@ -1148,6 +1148,11 @@ body.page-order-success .order-wrap .card-body.main-body, body.page-payment .ord
|
|||
padding: 3rem;
|
||||
padding-left: 7rem;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
body.page-order-success .order-wrap .card-body.main-body, body.page-payment .order-wrap .card-body.main-body {
|
||||
padding: 3rem;
|
||||
}
|
||||
}
|
||||
body.page-order-success .order-wrap .card-body .order-top, body.page-payment .order-wrap .card-body .order-top {
|
||||
padding-bottom: 2.7rem;
|
||||
margin-bottom: 2.7rem;
|
||||
|
|
@ -1157,6 +1162,11 @@ body.page-order-success .order-wrap .card-body .order-top, body.page-payment .or
|
|||
body.page-order-success .order-wrap .card-body .order-top .left, body.page-payment .order-wrap .card-body .order-top .left {
|
||||
margin-top: -6px;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
body.page-order-success .order-wrap .card-body .order-top .left, body.page-payment .order-wrap .card-body .order-top .left {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
body.page-order-success .order-wrap .card-body .order-top .left i, body.page-payment .order-wrap .card-body .order-top .left i {
|
||||
color: #4caf50;
|
||||
font-size: 80px;
|
||||
|
|
@ -1166,6 +1176,11 @@ body.page-order-success .order-wrap .card-body .order-top .right, body.page-paym
|
|||
flex: 1;
|
||||
margin-left: 2rem;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
body.page-order-success .order-wrap .card-body .order-top .right, body.page-payment .order-wrap .card-body .order-top .right {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
body.page-order-success .order-wrap .card-body .order-top .right .table, body.page-payment .order-wrap .card-body .order-top .right .table {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
|
@ -1182,6 +1197,11 @@ body.page-order-success .order-wrap .card-body .order-bottom, body.page-payment
|
|||
margin-left: calc(2rem + 80px);
|
||||
line-height: 2;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
body.page-order-success .order-wrap .card-body .order-bottom, body.page-payment .order-wrap .card-body .order-bottom {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
body.page-account-order-list {
|
||||
background-color: #F7F8FA;
|
||||
|
|
|
|||
|
|
@ -6,6 +6,10 @@ body.page-order-success, body.page-payment {
|
|||
&.main-body {
|
||||
padding: 3rem;
|
||||
padding-left: 7rem;
|
||||
|
||||
@media (max-width:768px) {
|
||||
padding: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
.order-top {
|
||||
|
|
@ -17,6 +21,10 @@ body.page-order-success, body.page-payment {
|
|||
.left {
|
||||
margin-top: -6px;
|
||||
|
||||
@media (max-width:768px) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
i {
|
||||
color: #4caf50;
|
||||
font-size: 80px;
|
||||
|
|
@ -28,6 +36,9 @@ body.page-order-success, body.page-payment {
|
|||
flex: 1;
|
||||
margin-left: 2rem;
|
||||
|
||||
@media (max-width:768px) {
|
||||
margin: 0;
|
||||
}
|
||||
.table {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
|
@ -48,6 +59,10 @@ body.page-order-success, body.page-payment {
|
|||
.order-bottom {
|
||||
margin-left: calc(2rem + 80px);
|
||||
line-height: 2;
|
||||
|
||||
@media (max-width:768px) {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue