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; font-size: 12px;
line-height: 16px; line-height: 16px;
color: #7d7d7d; 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-size: 20px;
background-repeat: no-repeat; background-repeat: no-repeat;

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

@ -76,9 +76,6 @@
color: #7d7d7d; color: #7d7d7d;
} }
.shipping-date { .shipping-date {
@media (min-width: 2500px) {
display: none;
}
} }
.url { .url {
@ -230,7 +227,7 @@
@include mq(l, max) { @include mq(l, max) {
position: absolute; position: absolute;
left: 92px; left: 67px;
padding: 0; 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; margin-right: 17px;
} }
.summary-cart-template-holder { .summary-cart-template-holder {
height: auto !important;
.summary-totalizers { .summary-totalizers {
margin: 0; margin: 0;
} }
@ -185,6 +186,10 @@ body .container-main.container-order-form .orderform-template.active {
.steps-view { .steps-view {
width: 56.456%; width: 56.456%;
@media (max-width: 1024px) {
margin-top: 12px;
width: 100%;
}
.payment-method { .payment-method {
} }
} }
@ -192,6 +197,9 @@ body .container-main.container-order-form .orderform-template.active {
.payment-group { .payment-group {
margin: 0; margin: 0;
width: 32.505%; width: 32.505%;
@media (max-width: 1024px) {
width: 100%;
}
.payment-group-list-btn { .payment-group-list-btn {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -207,6 +215,9 @@ body .container-main.container-order-form .orderform-template.active {
padding: 0 8px; padding: 0 8px;
width: 91.39%; width: 91.39%;
margin: 0; margin: 0;
@media (max-width: 1024px) {
width: 100%;
}
span { span {
width: 100%; width: 100%;
padding: 11px 0; padding: 11px 0;

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

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