diff --git a/checkout/src/arquivos/js/components/Header.js b/checkout/src/arquivos/js/components/Header.js index d3792cd..84fe00a 100644 --- a/checkout/src/arquivos/js/components/Header.js +++ b/checkout/src/arquivos/js/components/Header.js @@ -10,12 +10,9 @@ export default class Header { await this.selectors(); this.progressBarHtml(); await this.progressBarSelection(); - - } async selectors() { - this.header = waitElement(".headerCheckout"); this.progressBar = await waitElement("#progressBar"); } diff --git a/checkout/src/arquivos/sass/partials/_header.scss b/checkout/src/arquivos/sass/partials/_header.scss index 1a5dcb5..232ac58 100644 --- a/checkout/src/arquivos/sass/partials/_header.scss +++ b/checkout/src/arquivos/sass/partials/_header.scss @@ -2,50 +2,52 @@ .headerCheckout { .container { width: auto !important; - padding: 30px 131px; + border-bottom: 1px solid $color-black; + } &__wrapper { + padding: 30px 0; + margin: 0 auto; + width: 80%; + height: 30px; align-items: center; display: flex; justify-content: space-between; } &__logo { - img { - height: 52px; + width: 100%; + max-width: 15.3%; + img { + width: 100%; + height: 37px; } } &__safeBuy { display: flex; + gap: 8px; width: 100%; - max-width: 119px; + max-width: 11.7%; + + img { + width: 10%; + height: 15px; + } span { - align-items: center; - display: flex; text-transform: uppercase; font-family: $font-family; - font-style: normal; - font-weight: normal; font-size: 12px; - line-height: 14px; - color: $color-gray; + line-height: 16px; + color: $color-black-400; } - i { - margin-right: 8px; - } } .progress-bar { - display: flex; - justify-content: center; - width: 100%; - - p { margin: 0; padding: 0;