caroline_moran/m3-academy-template-checkout-carol-moran
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: ajustes para ajudar alunos

Browse Source
This commit is contained in:
Caroline Moran 2022-12-13 07:56:16 -04:00
parent d48a5b97d6
commit 8f628e83eb
3 changed files with 137 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -124,19 +124,32 @@
padding: 0; padding: 0;
i::before { i::before {
fill: #303030; // fill: #303030;
display: none;
} }
} }
a { a {
align-items: center; align-items: center;
background-color: #303030; background-color: #fff;
border-radius: 8px; border-radius: 0px;
border: none; border: none;
color: $color-white; // color: $color-white;
display: flex; display: flex;
justify-content: center; justify-content: center;
padding: 6px 5px 6px 8px; // padding: 6px 5px 6px 8px;
padding: 0 !important;
opacity: 1;
width: 20.26px;
height: 20.89px;
.icon-edit {
background: url("https://agenciamagma.vteximg.com.br/arquivos/lapisM3Academy.png")
no-repeat center center;
background-size: 100%;
display: block;
width: 20.26px;
height: 20.89px;
}
} }
} }
@ -260,20 +273,52 @@
} }
.address-summary { .address-summary {
background: none; // @include mq(md, max) {
border-color: $color-gray4; // background-position: 8px 9px;
border-radius: 0; // }
color: #303030;
padding: 12px;
@include mq(md, max) {
background-position: 8px 9px;
}
a { a {
color: #303030; font-family: $font-family;
font-weight: 500; font-style: normal;
text-decoration: underline; font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #00c8ff;
}
}
.vtex-omnishipping-1-x-addressSummaryActive {
border: 1px solid #e0e0e0;
border-radius: 8px;
display: flex;
align-items: center;
gap: 8px;
padding: 15px 14px 14px 11px;
&::before {
content: "";
background: url("https://agenciamagma.vteximg.com.br/arquivos/homeM3Academy.png")
no-repeat center center;
background-size: 100%;
width: 24px;
height: 24px;
}
.address-summary {
background: none;
border: none;
padding-left: 0;
padding: 0;
@include mq(md, max) {
background-position: 8px 9px;
}
a {
font-family: $font-family;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #00c8ff;
}
} }
} }

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

@ -13,7 +13,7 @@
display: none; display: none;
} }
.cart { .cart {
border: 3px solid $color-gray3; border: none !important;
box-sizing: border-box; box-sizing: border-box;
border-radius: 5px; border-radius: 5px;
padding: 16px; padding: 16px;
@ -69,7 +69,7 @@
} }
.summary-template-holder { .summary-template-holder {
border-top: none; border: none;
background: $color-white; background: $color-white;
} }
@ -78,11 +78,13 @@
text-decoration: underline; text-decoration: underline;
} }
.summary-totalizers { // .summary-totalizers {
td.info { // border-top: 1px solid #e0e0e0;
width: 100%; // border-radius: 0;
} // td.info {
} // width: 100%;
// }
// }
#payment-data-submit { #payment-data-submit {
background: $color-black; background: $color-black;
@ -510,13 +512,17 @@
} }
small a { small a {
font-family: $font-family; font-size: 0px;
font-style: normal; &::before {
font-weight: normal; content: "Não sei meu código postal";
font-size: 10px; font-family: $font-family-secundary;
line-height: 12px; font-style: normal;
color: $color-blue; font-weight: 400;
margin-top: 7px; font-size: 10px;
line-height: 12px;
text-decoration-line: underline;
color: #000000;
}
} }
span.help.error { span.help.error {
@ -592,8 +598,18 @@
&-totalizers { &-totalizers {
padding: 0; padding: 0;
width: 346px; // width: 346px;
.totalizers-list {
border-top: 1px solid #e0e0e0;
border-radius: 0;
tr {
border-bottom: 1px solid #e0e0e0;
border-radius: 0;
}
}
td.info {
width: 100%;
}
.coupon-data { .coupon-data {
#cart-link-coupon-add { #cart-link-coupon-add {
text-decoration: none; text-decoration: none;
@ -810,3 +826,42 @@
} }
} }
} }
.cart-template.mini-cart {
position: relative;
h2 {
font-family: $font-family-secundary;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #292929;
text-align: left;
padding: 0 17px;
}
.cart-fixed.cart-fixed-transition {
border: 1px solid #e5e5e5;
border-radius: 8px;
padding: 24px 0 22px;
height: auto !important;
#payment-data-submit {
position: absolute;
width: 100%;
bottom: -90px;
background: #298541;
border-radius: 8px;
font-family: $font-family;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 19px;
text-align: center;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #ffffff;
.icon-lock {
display: none;
}
}
}
}

8
checkout/src/arquivos/sass/checkout/_checkout.scss
View File

@ -57,10 +57,10 @@ body {
padding-left: 0; padding-left: 0;
} }
} }
// .container-order-form, .container-order-form,
// .container-cart { .container-cart {
// width: 80%; width: 80%;
// } }
} }
.btn-success { .btn-success {