From 0cd54f2380131698e2dc37ac270177d2e723470b Mon Sep 17 00:00:00 2001 From: ueberjames Date: Sat, 17 Dec 2022 02:01:34 -0300 Subject: [PATCH] =?UTF-8?q?stiliza=C3=A7=C3=A3o=20do=20tablete=201024px?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../sass/checkout/_checkout-autenticacao.scss | 25 +++++++++- .../sass/checkout/_checkout-carrinho.scss | 40 +++++++++++++++- .../sass/checkout/_checkout-pagamento.scss | 47 +++++++++++++++++-- 3 files changed, 104 insertions(+), 8 deletions(-) diff --git a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss index b837594..dac5159 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss @@ -189,6 +189,10 @@ .client-notice { color: $color-black; + @media (max-width: 1024px) { + display: none; + + } } .vtex-omnishipping-1-x-SummaryItemContent{ @@ -318,7 +322,8 @@ padding: 8px 12px; svg path { - fill: #d8c8ac; + fill: transparent; + // background-image: url("https://agenciamagma.vteximg.com.br/arquivos/icon-radios-input-Active-M3Academy.png"); } } } @@ -454,6 +459,10 @@ border-radius: 8px; &::after { content: "IdentificaĆ§Ć£o"; font-size: 16px; + + @media (max-width: 1024px) { + margin-left: 12px; + } } } @@ -500,7 +509,21 @@ border-radius: 8px; height: 20px; } } + // } } } +.pg-deposito, +.pg-transferencia-bancaria, +.link-payment-discounts-cod { + display: none; +} + +.row-fluid{ + @media (max-width: 1024px) { + width: 99%; + margin-left: 5px; + } +} + diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss index 8deed4e..f846df8 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss @@ -48,6 +48,13 @@ height: 397px !important; border: 1px solid #E5E5E5; + @media (max-width: 1024px) { + width: 99%; + margin-left: 5px; + height: 397px !important; + margin-top: 17px; + } + h2 { margin: 24px 0 0 17px; text-align: start; @@ -106,6 +113,11 @@ .accordion-inner { padding: 0; margin: 0 0 0 5px; + + @media (max-width: 1024px) { + margin: 19px -14px 0px 18px; + + } } } @@ -159,11 +171,12 @@ } .cart-items { + .product-item { padding: 16px 0; } .quantity { - display: none; + } th { @@ -894,6 +907,11 @@ &.info { text-align: left; + + @media (max-width: 1024px) { + margin-top: 43px; + + } } &.monetary { @@ -1032,5 +1050,23 @@ .vtex-shipping-preview-0-x-pc .ship-country { display: none; } +.description{ -.pull-left{display: none;} + span.pull-left{display: none;} +} + +.cart-items tbody td { + vertical-align: middle; + padding: 0px; + margin: -12px; +} + +.vtex-omnishipping-1-x-svg{ + // background-image: url("https://agenciamagma.vteximg.com.br/arquivos/icon-radios-input-Active-M3Academy.png"); + border: 1px solid #C4C4C4; + border-radius: 3px; +} + +.vtex-omnishipping-1-x-leanShippingOptionActive{ + background-image: url("https://agenciamagma.vteximg.com.br/arquivos/icon-radios-input-Active-M3Academy.png"); +} diff --git a/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss b/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss index ae78ba7..a4aee72 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss @@ -5,18 +5,55 @@ body .container-main.container-order-form .orderform-template.active { margin-right: 0; float: right; + @media (max-width: 1024px) { + width: 100%; + } + @media (max-width: 375px) { margin: 0 16px; - width: 91%; - border-bottom: 0; + width: 91%; + border-bottom: 0; } } + .orderform-template-holder { width: 66.1132%; -@media (max-width: 375px) { - width: 100%; -} + + @media (max-width: 1024px) { + width: 100%; + } + + @media (max-width: 375px) { + width: 100%; + } } } + +.row-fluid { + .span6 { + @media (max-width: 1024px) { + width: 100%; + } + } + +} + +p.client-first-name, +.client-last-name{ + @media (max-width: 1024px) { + width: 471px; + margin-top: 17px; + + } +} + +#client-document, +#client-phone{ + @media (max-width: 1024px) { + width: 460px; + + } +} +