diff --git a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss index e883986..fc68707 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss @@ -207,7 +207,7 @@ border-radius: 8px; border: 1px solid $color-gray3; font-family: $font-family; - padding: 16px; + // padding: 16px; width: 90.052%; @media (max-width: 1024px) { diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss index 4007ad2..c95dc4b 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss @@ -62,8 +62,6 @@ } .cart { - // border: 1px solid $color-gray4; - ul li { border-top: none; margin-top: 0; @@ -114,11 +112,27 @@ line-height: 16px; text-align: right; text-decoration-line: underline; + margin-right: 17px; } .summary-totalizers { + td { + border-top: 1px solid $color-gray3; + padding: 24px 17px !important; + box-sizing: border-box; + } td.info { 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 { - padding-right: 0; + padding-right: 10px; white-space: normal; @media (max-width: 1024px) { @@ -829,11 +843,6 @@ margin-top: 49px; width: 353px; - @media (max-width: 1024px) { - width: 100%; - margin: 0; - padding: 0 16px; - } .coupon-data { #cart-link-coupon-add { text-decoration: none; diff --git a/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss b/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss index 7dcb0fd..dc5d58b 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss @@ -1,6 +1,6 @@ body .container-main.container-order-form .orderform-template.active { .mini-cart { - width: 32.3242%; + width: 32.52%; margin-left: unset; margin-right: 0; float: right; @@ -9,6 +9,7 @@ body .container-main.container-order-form .orderform-template.active { @media (max-width: 1024px) { width: 98.413%; + height: 397px; margin-left: 16px; } @@ -34,6 +35,23 @@ body .container-main.container-order-form .orderform-template.active { 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 { width: 66.1132%; @@ -99,27 +117,26 @@ body .container-main.container-order-form .orderform-template.active { .client-document { width: 50%; - margin-right: 0; + margin: 0; @media (max-width: 1024px) { - margin: 0; } #client-document { width: 86.585%; + margin-bottom: 0; @media (max-width: 1024px) { width: 95.512%; - margin-bottom: 0; } } } .client-phone { width: 50%; + margin: 0; @media (max-width: 1024px) { - margin: 0; } label { @@ -129,10 +146,10 @@ body .container-main.container-order-form .orderform-template.active { #client-phone { width: 85.87%; margin-left: 8px; + margin-bottom: 0; @media (max-width: 1024px) { width: 95.512%; - margin-bottom: 0; } } } @@ -151,6 +168,7 @@ body .container-main.container-order-form .orderform-template.active { .client-profile-data { .accordion-group { + padding: 16px 16px 28.41px 16px; .accordion-heading { .accordion-toggle { &::after { @@ -200,10 +218,11 @@ body .container-main.container-order-form .orderform-template.active { .shipping-data { .accordion-group { + padding: 24.5px 16px; .accordion-heading { span { color: #303030; - margin-bottom: 8px; + margin-bottom: 15px; padding: 0; i::before { @@ -246,10 +265,11 @@ body .container-main.container-order-form .orderform-template.active { .payment-data { .accordion-group { + padding: 24.5px 16px; .accordion-heading { span { color: #303030; - margin-bottom: 8px; + margin-bottom: 15px; padding: 0; i::before { @@ -278,11 +298,15 @@ body .container-main.container-order-form .orderform-template.active { } .summary-cart-template-holder { - .cart::before { - content: "Resumo do Pedido"; - font-size: 16px; - line-height: 19px; - color: $color-gray2; + .cart { + border: none; + + &::before { + content: "Resumo do Pedido"; + font-size: 16px; + line-height: 19px; + color: $color-gray2; + } } } diff --git a/checkout/src/arquivos/sass/checkout/_checkout.scss b/checkout/src/arquivos/sass/checkout/_checkout.scss index 78fe3ae..a2ac728 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout.scss @@ -22,6 +22,10 @@ header { } } +table { + border-collapse: unset !important; +} + body { display: flex; flex-direction: column;