LeonardoPereiraRocha/m3-academy-template-checkout-leonardo-pereira-rocha
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: ajusta o width e o posicionamento de alguns itens

Browse Source
This commit is contained in:
Leonardo Pereira Rocha 2022-12-18 23:16:07 -03:00
parent 6e1a17416d
commit 4e8abcb7b0
4 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -85,7 +85,7 @@
} }
#payment-data-submit { #payment-data-submit {
background: $color-black; background: $color-green;
border: none; border: none;
border-radius: 0; border-radius: 0;
color: $color-white; color: $color-white;

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

@ -8,10 +8,18 @@ body .container-main.container-order-form .orderform-template.active {
margin-left: unset; margin-left: unset;
margin-right: 0; margin-right: 0;
float: right; float: right;
@media (max-width: 1024px) {
width: 98%;
margin-left: auto;
margin-right: auto;
}
} }
.orderform-template-holder { .orderform-template-holder {
@media (max-width: 1024px) { @media (max-width: 1024px) {
width: 100%; width: 98%;
margin-left: auto;
margin-right: auto;
align-items: center;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
@ -54,6 +62,7 @@ body .container-main.container-order-form .orderform-template.active {
} }
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
align-items: center;
display: flex; display: flex;
width: 100%; width: 100%;
flex-direction: column; flex-direction: column;

4
checkout/src/arquivos/sass/lib/_slick.scss
View File

@ -101,6 +101,7 @@
position: absolute; position: absolute;
} }
.slick-prev { .slick-prev {
position: absolute;
border: none; border: none;
top: 155px; top: 155px;
background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-left-mini-M3Academy.svg") background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-left-mini-M3Academy.svg")
@ -114,8 +115,9 @@
} }
} }
.slick-next { .slick-next {
position: absolute;
border: none; border: none;
bottom: 195px; bottom: 235px;
background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-right-mini-M3Academy.svg") background: url("https://agenciamagma.vteximg.com.br/arquivos/arrow-right-mini-M3Academy.svg")
no-repeat center center; no-repeat center center;
z-index: 4; z-index: 4;

4
checkout/src/arquivos/sass/partials/_footer.scss
View File

@ -22,8 +22,6 @@
} }
.product-name { .product-name {
overflow: auto;
height: 18px;
font-family: $font-family; font-family: $font-family;
font-style: normal; font-style: normal;
margin-bottom: 20px; margin-bottom: 20px;
@ -57,7 +55,6 @@
justify-content: center; justify-content: center;
gap: 5px; gap: 5px;
width: 92%; width: 92%;
flex-wrap: wrap;
text-transform: uppercase; text-transform: uppercase;
display: flex; display: flex;
margin: 0; margin: 0;
@ -66,6 +63,7 @@
.size-cards { .size-cards {
display: flex; display: flex;
height: 28px;
margin-bottom: 20px; margin-bottom: 20px;
background-color: $color-blue2; background-color: $color-blue2;
border-radius: 8px; border-radius: 8px;