diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss index bdaf892..84a3de1 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss @@ -6,9 +6,7 @@ .cart-template { font-family: $font-family; - @media (max-width: 1200px) { - padding: 0 16px; - } + .item-unit-label { display: none; } @@ -481,6 +479,10 @@ width: 20px; height: 20px; } + @media (max-width: 1024px) { + margin-right: 0px; + margin-bottom: 2px; + } @media (max-width: 320px) { width: 8px; height: 8px; @@ -1149,6 +1151,12 @@ } } } + &-template-holder { + @media (max-width: 1024px) { + padding: 0 16px; + width: auto; + } + } } .cart-links-bottom { @@ -1159,8 +1167,10 @@ @media (min-width: 2500px) { width: 34.6191566%; } - @media (max-width: 1200px) { + @media (max-width: 1024px) { + padding: 0 16px; width: 100%; + box-sizing: border-box; } .link-choose-more-products-wrapper { @@ -1271,6 +1281,9 @@ .cart-template.full-cart { margin-bottom: 0; + display: flex; + flex-direction: column; + justify-content: center; .cart { table { tbody { @@ -1309,6 +1322,10 @@ @media (max-width: 599px) { padding: 0px; margin-left: unset; + width: 99px; + } + input { + width: 45px; } } td.item-remove { diff --git a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss index 6cadc0b..c529924 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss @@ -21,6 +21,11 @@ font-size: 48px; line-height: 65px; } + @media (max-width: 1024px) { + margin: 121.5px 0 22px; + font-size: 18px; + line-height: 25px; + } } &-message { display: none; @@ -39,14 +44,24 @@ text-align: center; text-transform: uppercase; color: #000000; - width: 31.989%; + width: 31.739%; padding: 15px 0; margin-top: 0; max-width: 327px; cursor: pointer; + box-sizing: border-box; - &:hover { - background: lighten($color-black, 5); + @media (min-width: 2500px) { + width: 32.02%; + height: 66px; + min-width: 638.67px; + font-size: 28px; + line-height: 33px; + } + @media (max-width: 1024px) { + width: 250px; + height: 48px; + min-width: unset; } } }