carloswinter/m3-academy-template-checkout-carlos-winter
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(checkout): corrige telas checkout para mobile 375px e 1024px

Browse Source
This commit is contained in:
carloswinter 2022-12-18 22:38:42 -03:00
parent 93efdb8cf2
commit 28ef57bec3
4 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
View File

@ -1001,7 +1001,8 @@
font-size: 12px;
line-height: 16px;
color: #7d7d7d;
background-image: url(https://agenciamagma.vteximg.com.br/arquivos/homeM3Academy.png);
background-image: none;
// background-image: url(https://agenciamagma.vteximg.com.br/arquivos/homeM3Academy.png);
background-size: 20px;
background-repeat: no-repeat;

5
checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
View File

@ -76,9 +76,6 @@
color: #7d7d7d;
}
.shipping-date {
@media (min-width: 2500px) {
display: none;
}
}
.url {
@ -230,7 +227,7 @@
@include mq(l, max) {
position: absolute;
left: 92px;
left: 67px;
padding: 0;
}

11
checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss
View File

@ -79,6 +79,7 @@ body .container-main.container-order-form .orderform-template.active {
margin-right: 17px;
}
.summary-cart-template-holder {
height: auto !important;
.summary-totalizers {
margin: 0;
}
@ -185,6 +186,10 @@ body .container-main.container-order-form .orderform-template.active {
.steps-view {
width: 56.456%;
@media (max-width: 1024px) {
margin-top: 12px;
width: 100%;
}
.payment-method {
}
}
@ -192,6 +197,9 @@ body .container-main.container-order-form .orderform-template.active {
.payment-group {
margin: 0;
width: 32.505%;
@media (max-width: 1024px) {
width: 100%;
}
.payment-group-list-btn {
display: flex;
flex-direction: column;
@ -207,6 +215,9 @@ body .container-main.container-order-form .orderform-template.active {
padding: 0 8px;
width: 91.39%;
margin: 0;
@media (max-width: 1024px) {
width: 100%;
}
span {
width: 100%;
padding: 11px 0;

2
checkout/src/arquivos/sass/partials/_header.scss
View File

@ -63,7 +63,7 @@
width: 171px;
top: 82%;
left: 55%;
border: 1px solid $black;
border-top: 1px solid $black;
z-index: 0;
@media (min-width: 2500px) {