feat: criando responsividade mobile

checkout/src/arquivos/js/components/Footer.js

@@ -73,6 +73,24 @@ export default class Footer {
         $(elemento).slick({
             slidesToShow: 4,
             slidesToScroll: 1,
+            responsive: [
+                {
+                  breakpoint: 1024,
+                  settings: {
+                    slidesToShow: 3,
+                    slidesToScroll: 3,
+                    infinite: true,
+                    dots: true
+                  }
+                },
+                {
+                    breakpoint: 375,
+                    settings: {
+                      slidesToShow: 2,
+                      slidesToScroll: 2
+                    }
+                  },
+            ]
         });
     }
 

checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss

@@ -1021,7 +1021,7 @@ p.vtex-omnishipping-1-x-shippingSectionTitle.delivery-address-title {
     padding: 10px;
 
     &::before {
-        content: url(https://agenciamagma.vteximg.com.br/arquivos/homeM3Academy.png)
+        content: url(https://agenciamagma.vteximg.com.br/arquivos/homeM3Academy.png);
     }
 }
 
@@ -1070,7 +1070,8 @@ a#payment-group-Bancolombia\ TransferPaymentGroup,
 a#payment-group-customPrivate_502PaymentGroup,
 a#payment-group-custom201PaymentGroupPaymentGroup,
 a#payment-group-MercadoPagoPaymentGroup,
-a#payment-group-SPEIPaymentGroup, a#show-gift-card-group {
+a#payment-group-SPEIPaymentGroup,
+a#show-gift-card-group {
     display: none !important;
 }
 
@@ -1119,3 +1120,103 @@ div#payments-title::after {
     height: 500px !important;
 }
 
+@media (max-width: 1024px) {
+    .container.container-main.container-cart {
+        width: 100%;
+    }
+
+    .cart .table.cart-items thead {
+        display: none;
+    }
+
+    span.shipping-estimate-date,
+    span.total-selling-price {
+        display: none;
+    }
+
+    tr.product-item {
+        display: grid;
+        grid-template-columns: 1fr 6fr 1fr 1fr;
+        grid-template-rows: 1fr 1fr;
+
+
+        td.product-image {
+            grid-column: 1 / 2;
+            grid-row: 1 / 3;
+
+            display: flex;
+            justify-content: center;
+            align-items: flex-start;
+            background-image: unset;
+        }
+
+        td.product-name {
+            grid-column: 2 / 3;
+            grid-row: 1 / 2;
+            display: flex;
+            justify-content: flex-start;
+            align-items: flex-start;
+        }
+
+        td.shipping-date {
+            grid-column: 3/ 4;
+            grid-row: 1 / 2;
+        }
+
+        td.product-price {
+            grid-column: 4/ 5;
+            grid-row: 2 / 3;
+
+            width: 100%;
+            display: flex;
+            flex-direction: column;
+            justify-content: flex-start;
+            align-items: end;
+        }
+
+        td.quantity {
+            grid-column: 2/ 3;
+            grid-row: 2 / 3;
+            margin: unset !important;
+        }
+
+        td.quantity-price {
+            grid-column: 3/ 4;
+            grid-row: 2/ 3;
+        }
+
+        td.item-remove {
+            grid-column: 4/ 5;
+            grid-row: 1 / 2;
+
+            width: 100%;
+            display: flex;
+            justify-content: flex-end;
+            align-items: flex-start;
+        }
+
+    }
+
+
+
+    .row-fluid.summary {
+        display: flex !important;
+        flex-direction: column;
+        width: 100% !important;
+        justify-content: center;
+        align-items: stretch;
+    }
+
+    .span5.totalizers.summary-totalizers.cart-totalizers.pull-right {
+        width: 100%;
+    }
+
+    .clearfix.pull-right.cart-links.cart-links-bottom.hide {
+        width: 100%;
+    }
+}
+
+
+ul.slick-dots {
+    display: none !important;
+}