From f68495d3ba58eee3b1b3c56fe0486bbe96da39df Mon Sep 17 00:00:00 2001
From: amanda almeida <manda.fonsecaff@gmail.com>
Date: Sun, 11 Dec 2022 19:04:23 -0300
Subject: [PATCH] feat(css): Adiciona css das imagens do header

---
 checkout/src/arquivos/js/components/Header.js |  3 --
 .../src/arquivos/sass/partials/_header.scss   | 38 ++++++++++---------
 2 files changed, 20 insertions(+), 21 deletions(-)

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;