From bbeba9759cb417a5474a8b05fd786fb0550afda5 Mon Sep 17 00:00:00 2001
From: Samuel <samuelcondackxz@gmail.com>
Date: Wed, 14 Dec 2022 18:01:16 -0300
Subject: [PATCH] feat: Adiciona responsividade mobile

---
 .../sass/checkout/_checkout-carrinho.scss        | 16 ++++------------
 checkout/src/arquivos/sass/partials/_footer.scss |  8 ++++----
 checkout/src/arquivos/sass/partials/_header.scss |  4 +++-
 3 files changed, 11 insertions(+), 17 deletions(-)

diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
index 4add16a..b13f897 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
@@ -168,7 +168,7 @@
 
             img {
                 height: 60px;
-                max-width: 100%;
+                
                 width: auto;
 
                 @include mq(sm, max) {
@@ -228,17 +228,7 @@
                 display: none;
             }
         }
-
         .product-price {
-            min-width: 100px;
-            @include mq(md, max) {
-                min-width: 78px;
-            }
-            @media (max-width: 490px) {
-                position: absolute;
-                bottom: 0;
-                right: 0;
-            }
 
             span.list-price {
                 color: $color-gray2;
@@ -268,7 +258,6 @@
             max-width: 118px;
             padding: 0;
             width: max-content !important;
-
             @media (max-width: 490px) {
                 margin-left: 84px !important;
             }
@@ -838,6 +827,9 @@
             display: block;
             text-align: center;
             margin-bottom: 16px;
+            @media (max-width: 1024px){
+                padding-bottom: 27px;
+            }
 
             @include mq(md, max) {
                 margin-bottom: 0px;
diff --git a/checkout/src/arquivos/sass/partials/_footer.scss b/checkout/src/arquivos/sass/partials/_footer.scss
index 40ff4c2..f04872a 100644
--- a/checkout/src/arquivos/sass/partials/_footer.scss
+++ b/checkout/src/arquivos/sass/partials/_footer.scss
@@ -71,10 +71,10 @@
         display: flex;
         justify-self: center;
         list-style: none;
-
-        @include mq(md, max) {
-            align-self: center;
-            margin-bottom: 12px;
+        @media (max-width: 1024px){
+            display: flex;
+            align-items: left;
+            justify-content: left;
         }
 
         &__divider {
diff --git a/checkout/src/arquivos/sass/partials/_header.scss b/checkout/src/arquivos/sass/partials/_header.scss
index 69ccaf3..6e5e561 100644
--- a/checkout/src/arquivos/sass/partials/_header.scss
+++ b/checkout/src/arquivos/sass/partials/_header.scss
@@ -145,9 +145,11 @@
             margin-right: 8px;
         }
         @media (max-width: 1024px) {
+            display: flex;
+            justify-content: right;
             width: 100%;
             font-size: 12px;
-            padding-right: 0;
+            padding-right: 16px;
         }
     }
 }