From 3e3043b3b82c07001ecd4d5a9c6e3fb43e36c131 Mon Sep 17 00:00:00 2001
From: ednabarboza <ednabarbozalima@gmail.com>
Date: Tue, 13 Dec 2022 01:37:08 -0300
Subject: [PATCH] =?UTF-8?q?feat(home):=20ajuste=20na=20parte=20central=20d?=
 =?UTF-8?q?a=20p=C3=A1gina?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 checkout/src/arquivos/js/components/Header.js |  9 +++
 .../sass/checkout/_checkout-vazio.scss        | 75 +++++++++++--------
 .../src/arquivos/sass/partials/_footer.scss   | 17 +++--
 .../src/arquivos/sass/partials/_header.scss   |  4 +-
 4 files changed, 66 insertions(+), 39 deletions(-)

diff --git a/checkout/src/arquivos/js/components/Header.js b/checkout/src/arquivos/js/components/Header.js
index 164c678..e4e5a1d 100644
--- a/checkout/src/arquivos/js/components/Header.js
+++ b/checkout/src/arquivos/js/components/Header.js
@@ -9,6 +9,7 @@ export default class Header {
     async init() {
         await this.selectors();
         this.progressBarInnerHTML();
+        await this.removeCartTitle();
     }
 
     async selectors() {
@@ -60,6 +61,14 @@ export default class Header {
         `;
     }
 
+    async removeCartTitle() {
+        this.ctitle = await waitElement("#cart-title", {
+            timeout: 5000,
+            interval: 1000,
+        });
+        this.ctitle.style.display = "none";
+    }
+
     // async progressBarProgress(){
     //     if(this.progressBar && window.innerWidth > 1024){
     //         const progressBarLista = document.querySelectorAll("#progressBar ul li");
diff --git a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
index 08f74e9..9021a18 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
@@ -1,38 +1,49 @@
 .empty-cart {
-	font-family: $font-family;
-	&-content {
-		color: $color-black;
-		text-align: center;
+    font-family: $font-family;
+    &-content {
+        color: $color-black;
+        text-align: center;
 
-		@include mq(md, max) {
-			padding: 0 16px;
-		}
-	}
+        @include mq(md, max) {
+            padding: 0 16px;
+        }
+    }
 
-	&-title {
-		font-size: 20px;
-	}
+    &-message {
+        display: none;
+    }
 
-	&-links {
-		.link-choose-products {
-			background: $color-black;
-			border: none;
-			border-radius: 5px;
-			transition: ease-in 0.22s all;
-			outline: none;
-			font-family: $font-family;
-			font-style: normal;
-			font-weight: 500;
-			font-size: 14px;
-			line-height: 16px;
-			text-align: center;
-			letter-spacing: 0.05em;
-			color: $color-white;
-			text-transform: uppercase;
+    &-title {
+        font-size: 20px;
+        text-transform: uppercase;
+    }
 
-			&:hover {
-				background: lighten($color-black, 5);
-			}
-		}
-	}
+    &-links {
+        .link-choose-products {
+            // background: $color-black;
+            background: $color-white;
+            // border: none;
+            border: 1px solid $color-black-100;
+            border-radius: 0;
+            // border-radius: 5px;
+            transition: ease-in 0.22s all;
+            outline: none;
+            // font-family: $font-family;
+            font-family: $font-family-secundary;
+            font-style: normal;
+            // font-weight: 500;
+            font-weight: 400;
+            font-size: 14px;
+            line-height: 16px;
+            text-align: center;
+            letter-spacing: 0.05em;
+            // color: $color-white;
+            color: $color-black-100;
+            text-transform: uppercase;
+
+            &:hover {
+                background: lighten($color-black, 5);
+            }
+        }
+    }
 }
diff --git a/checkout/src/arquivos/sass/partials/_footer.scss b/checkout/src/arquivos/sass/partials/_footer.scss
index 7e4502d..6bc70eb 100644
--- a/checkout/src/arquivos/sass/partials/_footer.scss
+++ b/checkout/src/arquivos/sass/partials/_footer.scss
@@ -1,11 +1,8 @@
 /* _footer.scss */
 .footerCheckout {
-    border-top: none;
+    border-top: 1px solid $color-black-100;
     color: $color-gray2;
-
-    .container {
-        display: flex;
-    }
+    padding: 16px 0;
 
     // &__prateleira {
     //     border-top: 1px solid #e5e5e5;
@@ -14,8 +11,14 @@
     // }
 
     &__wrapper {
-        align-items: center;
         display: flex;
+        width: 100% !important;
+        // margin: 0 0 0 0 !important;
+    }
+
+    .container {
+        display: flex;
+        width: 100%;
         justify-content: space-between;
     }
 
@@ -28,6 +31,8 @@
         line-height: 12px;
         text-transform: capitalize;
         max-width: 40%;
+        display: flex;
+        align-items: center;
 
         @include mq(md, max) {
             margin-bottom: 24px;
diff --git a/checkout/src/arquivos/sass/partials/_header.scss b/checkout/src/arquivos/sass/partials/_header.scss
index 6b31269..ef18208 100644
--- a/checkout/src/arquivos/sass/partials/_header.scss
+++ b/checkout/src/arquivos/sass/partials/_header.scss
@@ -1,8 +1,10 @@
 /* _header.scss */
 .headerCheckout {
-    margin: 29px 130px;
+    border-bottom: 1px solid $color-black-100;
+    width: 100%;
     .container {
         width: auto !important;
+        margin: 30px 130px;
     }
     &__wrapper {
         align-items: center;