响应式

This commit is contained in:
songliang 2022-08-15 19:22:36 +08:00
parent 910186a284
commit 746376c9f4
2 changed files with 35 additions and 0 deletions

View File

@ -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;

View File

@ -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;
}
}
}
}