diff --git a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss index dee3f31..2b92606 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss @@ -54,6 +54,9 @@ .client-email { margin: 0 0 16px; + @media (max-width: 1024px) { + width: 100%; + } input { box-shadow: none; color: $color-black; @@ -135,7 +138,7 @@ .client-profile-data { .accordion-group { border-radius: 0; - border: 1px solid $color-gray4; + border: 1px solid $color-gray3; font-family: $font-family; padding: 16px; @@ -168,19 +171,19 @@ /* General configurations */ .client-notice { - color: $color-black; + display: none; } p { label { - color: $color-black; + color: $color-gray2; font-weight: 500; } select, input { - border-radius: 0; - border: 1px solid $color-gray4; + border-radius: 5px; + border: 1px solid $color-gray7; box-shadow: none; } @@ -188,6 +191,9 @@ color: red; } } + .box-client-info-pj { + display: none; + } .box-client-info-pj { .link a#is-corporate-client, @@ -201,21 +207,32 @@ .state-inscription-box span { font-weight: 500; } + .btn-submit-wrapper { + margin-top: 44px; + } button.submit { + display: flex; + justify-content: center; + align-items: center; + width: 100%; border: none; border-radius: 5px; - background: $color-black; + background: $color-blue-100; margin-top: 8px; outline: none; transition: all 0.2s linear; + text-transform: uppercase; + font-size: 14px; + line-height: 19px; + font-weight: 700; &:hover { - background: lighten($color-black, 5); + background: lighten($color-blue-100, 5); } &:active { - background: darken($color-black, 5); + background: darken($color-blue-100, 5); } } diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss index cd9d528..e9f12a2 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss @@ -454,12 +454,12 @@ } &__current { - border: 1px solid $color-blue; + border: 1px solid $color-black; border-radius: 100px; } .blue { - color: $color-blue; + color: $color-black-500; } label { @@ -495,7 +495,7 @@ } & ~ button { - background-color: $color-black; + background-color: $color-blue-100; border: none; border-radius: 5px; color: $color-white; @@ -618,7 +618,7 @@ font-weight: normal; font-size: 12px; line-height: 14px; - color: $color-blue; + color: $color-black-500; text-decoration: none; } } @@ -789,7 +789,7 @@ font-weight: normal; font-size: 12px; line-height: 14px; - color: $color-blue; + color: $color-black-500; } } diff --git a/checkout/src/arquivos/sass/checkout/_checkout.scss b/checkout/src/arquivos/sass/checkout/_checkout.scss index 1bc037e..5461037 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout.scss @@ -50,6 +50,13 @@ body { .container-order-form, .container-cart { width: 80%; + + @media (max-width: 1024px) { + width: 98%; + } + } + .ship-country { + display: none; } } diff --git a/checkout/src/arquivos/sass/utils/_variaveis.scss b/checkout/src/arquivos/sass/utils/_variaveis.scss index efcf567..a0bbe97 100644 --- a/checkout/src/arquivos/sass/utils/_variaveis.scss +++ b/checkout/src/arquivos/sass/utils/_variaveis.scss @@ -16,6 +16,7 @@ $color-gray3: #f0f0f0; $color-gray4: #8d8d8d; $color-gray5: #e5e5e5; $color-gray6: #c4c4c4; +$color-gray7: #e0e0e0; $color-blue: #4267b2; $color-blue-100: #00c8ff;