Rafael_Sampaio_de_Oliveira/m3-academy-template-checkout-rafael-sampaio
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request 'refactor: ajusta css resumo pedido' (#25) from refactor/ajusta-css-resumo-pedido into development

Browse Source 
Reviewed-on: #25
This commit is contained in:
Rafael Sampaio de Oliveira 2022-12-21 15:32:56 +00:00
commit 6c8a493f62
4 changed files with 59 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -207,7 +207,7 @@
border-radius: 8px; border-radius: 8px;
border: 1px solid $color-gray3; border: 1px solid $color-gray3;
font-family: $font-family; font-family: $font-family;
padding: 16px; // padding: 16px;
width: 90.052%; width: 90.052%;
@media (max-width: 1024px) { @media (max-width: 1024px) {

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

@ -62,8 +62,6 @@
} }
.cart { .cart {
// border: 1px solid $color-gray4;
ul li { ul li {
border-top: none; border-top: none;
margin-top: 0; margin-top: 0;
@ -114,11 +112,27 @@
line-height: 16px; line-height: 16px;
text-align: right; text-align: right;
text-decoration-line: underline; text-decoration-line: underline;
margin-right: 17px;
} }
.summary-totalizers { .summary-totalizers {
td {
border-top: 1px solid $color-gray3;
padding: 24px 17px !important;
box-sizing: border-box;
}
td.info { td.info {
width: 100%; width: 100%;
font-family: "Open Sans";
font-weight: 400 !important;
line-height: 19px !important;
color: $color-gray9 !important;
}
td.monetary {
font-size: 14px !important;
text-align: center !important;
color: $color-gray9 !important;
} }
} }
@ -230,7 +244,7 @@
} }
.product-name { .product-name {
padding-right: 0; padding-right: 10px;
white-space: normal; white-space: normal;
@media (max-width: 1024px) { @media (max-width: 1024px) {
@ -829,11 +843,6 @@
margin-top: 49px; margin-top: 49px;
width: 353px; width: 353px;
@media (max-width: 1024px) {
width: 100%;
margin: 0;
padding: 0 16px;
}
.coupon-data { .coupon-data {
#cart-link-coupon-add { #cart-link-coupon-add {
text-decoration: none; text-decoration: none;

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

@ -1,6 +1,6 @@
body .container-main.container-order-form .orderform-template.active { body .container-main.container-order-form .orderform-template.active {
.mini-cart { .mini-cart {
width: 32.3242%; width: 32.52%;
margin-left: unset; margin-left: unset;
margin-right: 0; margin-right: 0;
float: right; float: right;
@ -9,6 +9,7 @@ body .container-main.container-order-form .orderform-template.active {
@media (max-width: 1024px) { @media (max-width: 1024px) {
width: 98.413%; width: 98.413%;
height: 397px;
margin-left: 16px; margin-left: 16px;
} }
@ -34,6 +35,23 @@ body .container-main.container-order-form .orderform-template.active {
width: 100%; width: 100%;
} }
} }
.totalizers {
margin: 0 !important;
}
.table {
tfoot {
.info {
font-weight: 700 !important;
color: $color-gray2 !important;
}
.monetary {
color: $color-gray2 !important;
}
}
}
} }
.orderform-template-holder { .orderform-template-holder {
width: 66.1132%; width: 66.1132%;
@ -99,27 +117,26 @@ body .container-main.container-order-form .orderform-template.active {
.client-document { .client-document {
width: 50%; width: 50%;
margin-right: 0; margin: 0;
@media (max-width: 1024px) { @media (max-width: 1024px) {
margin: 0;
} }
#client-document { #client-document {
width: 86.585%; width: 86.585%;
margin-bottom: 0;
@media (max-width: 1024px) { @media (max-width: 1024px) {
width: 95.512%; width: 95.512%;
margin-bottom: 0;
} }
} }
} }
.client-phone { .client-phone {
width: 50%; width: 50%;
margin: 0;
@media (max-width: 1024px) { @media (max-width: 1024px) {
margin: 0;
} }
label { label {
@ -129,10 +146,10 @@ body .container-main.container-order-form .orderform-template.active {
#client-phone { #client-phone {
width: 85.87%; width: 85.87%;
margin-left: 8px; margin-left: 8px;
margin-bottom: 0;
@media (max-width: 1024px) { @media (max-width: 1024px) {
width: 95.512%; width: 95.512%;
margin-bottom: 0;
} }
} }
} }
@ -151,6 +168,7 @@ body .container-main.container-order-form .orderform-template.active {
.client-profile-data { .client-profile-data {
.accordion-group { .accordion-group {
padding: 16px 16px 28.41px 16px;
.accordion-heading { .accordion-heading {
.accordion-toggle { .accordion-toggle {
&::after { &::after {
@ -200,10 +218,11 @@ body .container-main.container-order-form .orderform-template.active {
.shipping-data { .shipping-data {
.accordion-group { .accordion-group {
padding: 24.5px 16px;
.accordion-heading { .accordion-heading {
span { span {
color: #303030; color: #303030;
margin-bottom: 8px; margin-bottom: 15px;
padding: 0; padding: 0;
i::before { i::before {
@ -246,10 +265,11 @@ body .container-main.container-order-form .orderform-template.active {
.payment-data { .payment-data {
.accordion-group { .accordion-group {
padding: 24.5px 16px;
.accordion-heading { .accordion-heading {
span { span {
color: #303030; color: #303030;
margin-bottom: 8px; margin-bottom: 15px;
padding: 0; padding: 0;
i::before { i::before {
@ -278,13 +298,17 @@ body .container-main.container-order-form .orderform-template.active {
} }
.summary-cart-template-holder { .summary-cart-template-holder {
.cart::before { .cart {
border: none;
&::before {
content: "Resumo do Pedido"; content: "Resumo do Pedido";
font-size: 16px; font-size: 16px;
line-height: 19px; line-height: 19px;
color: $color-gray2; color: $color-gray2;
} }
} }
}
@media (max-width: 1024px) { @media (max-width: 1024px) {
display: flex; display: flex;

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

@ -22,6 +22,10 @@ header {
} }
} }
table {
border-collapse: unset !important;
}
body { body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;