From 60862daf90248438cfed441de316ea8ce90a77bc Mon Sep 17 00:00:00 2001
From: WellingtonWDS <wellingtonuserr@gmail.com>
Date: Sun, 18 Dec 2022 21:49:24 -0300
Subject: [PATCH] feat(main): Ajustes de CSS nos produtos do carrinho

---
 .../sass/checkout/_checkout-carrinho.scss     | 47 ++++++++++++++-----
 .../src/arquivos/sass/partials/_footer.scss   |  2 +-
 .../template-checkout/checkout-header.html    | 21 ---------
 3 files changed, 36 insertions(+), 34 deletions(-)

diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
index 195f487..5ebc52d 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
@@ -114,7 +114,7 @@
             color: $color-black;
             padding: 0 0 16px;
             font-style: normal;
-            font-weight: bold;
+            font-weight: 400;
             font-size: 14px;
             line-height: 16px;
 
@@ -155,7 +155,7 @@
             }
 
             a {
-                color: $color-blue;
+                color: #000000;
                 font-style: normal;
                 font-weight: normal;
                 font-size: 12px;
@@ -217,15 +217,17 @@
 
         td.quantity {
             align-items: center;
-            border: 1px solid $color-gray3;
-            border-radius: 0;
+            width: 100px;
+            border: 1px solid #f0f0f0;
+            color: #ffffff;
+            border-radius: 8px;
             box-sizing: border-box;
             display: flex;
             justify-content: center;
             margin: 6px auto 0;
             max-height: 38px;
             max-width: 118px;
-            padding: 0;
+            padding: 9px;
             width: max-content !important;
 
             @media (max-width: 490px) {
@@ -234,9 +236,9 @@
 
             input {
                 background-color: $color-white;
-                border: 1px solid $color-gray3;
+                border: 0px solid $color-gray3;
                 border-radius: 0;
-                border-width: 0 1px;
+                border-width: 0 0px;
                 display: block;
                 max-height: 38px;
                 margin: 0 !important;
@@ -263,18 +265,29 @@
             .icon-minus-sign {
                 &:before {
                     content: "-";
-                    font-size: 16px;
+                    font-size: 20px;
+                    color: white;
+                    background-color: #00c8ff;
+                    border-radius: 50%;
+                    font-weight: 900;
                 }
             }
 
             .icon-plus-sign {
                 &:before {
                     content: "+";
-                    font-size: 14px;
+                    font-size: 20px;
+                    color: white;
+                    background-color: #00c8ff;
+                    border-radius: 50%;
+                    font-weight: 900;
                 }
             }
 
             .item-quantity-change {
+                width: 100%;
+                height: 100%;
+
                 @media (max-width: 979px) and (min-width: 768px) {
                     position: inherit;
                     bottom: inherit;
@@ -287,6 +300,13 @@
                 @media (max-width: 490px) {
                     padding: 0;
                 }
+
+                .item-quantity-change-decrement {
+                    background-color: #00c8ff;
+                    border-radius: 50%;
+                    width: 100%;
+                    height: 100%;
+                }
             }
         }
 
@@ -608,7 +628,7 @@
                     font-weight: normal;
                     font-size: 12px;
                     line-height: 14px;
-                    color: $color-blue;
+                    color: #000000;
                     text-decoration: none;
                 }
             }
@@ -731,6 +751,7 @@
                 }
 
                 tfoot {
+                    font-weight: 900 !important;
                     td.info,
                     td.monetary {
                         font-style: normal;
@@ -738,6 +759,7 @@
                         font-size: 18px;
                         line-height: 21px;
                         color: $color-black;
+                        font-weight: 900;
                     }
                 }
             }
@@ -782,16 +804,17 @@
 
         .btn-place-order-wrapper {
             a {
-                background: $color-green;
+                background: #00c8ff;
                 border: none;
                 border-radius: 5px;
                 display: block;
                 font-size: 0;
                 transition: ease-in 0.22s all;
                 padding: 12px 19px;
+                cursor: pointer;
 
                 &:hover {
-                    background-color: darken($color-green, 5);
+                    background-color: darken(#00c8ff, 5);
                 }
 
                 &:after {
diff --git a/checkout/src/arquivos/sass/partials/_footer.scss b/checkout/src/arquivos/sass/partials/_footer.scss
index 3d1e850..3dfe36e 100644
--- a/checkout/src/arquivos/sass/partials/_footer.scss
+++ b/checkout/src/arquivos/sass/partials/_footer.scss
@@ -3,7 +3,7 @@
 .footerCheckout {
     border-top: none;
     color: $color-gray2;
-    position: absolute;
+    // position: absolute;
     width: 100%;
     bottom: 0;
 
diff --git a/checkout/src/template-checkout/checkout-header.html b/checkout/src/template-checkout/checkout-header.html
index 425abb4..a5435cc 100644
--- a/checkout/src/template-checkout/checkout-header.html
+++ b/checkout/src/template-checkout/checkout-header.html
@@ -20,27 +20,6 @@
                 />
                 <span>Compra segura</span>
             </div>
-
-            <div class="credits">
-                <div>Powered By</div>
-                <div class="logo">
-                    <figure>
-                        <img
-                            src="https://agenciamagma.vteximg.com.br/arquivos/logoVTEXM3Academy.png"
-                            alt="VTex Logo"
-                        />
-                    </figure>
-                </div>
-                <div>Developed by</div>
-                <div class="logo">
-                    <figure>
-                        <img
-                            src="https://agenciamagma.vteximg.com.br/arquivos/logoM3M3Academy.png"
-                            alt="M3 Logo"
-                        />
-                    </figure>
-                </div>
-            </div>
         </div>
     </div>
 </header>