From d7efd87bcb80bb82eecc6156954710b5204c5f23 Mon Sep 17 00:00:00 2001 From: guiprj Date: Sun, 18 Dec 2022 20:25:27 -0300 Subject: [PATCH] feat: responsividade do header --- .../sass/checkout/_checkout-carrinho.scss | 2 +- .../src/arquivos/sass/partials/_header.scss | 25 +++++++++++++++++++ 2 files changed, 26 insertions(+), 1 deletion(-) diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss index 63f1d73..88129eb 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss @@ -1137,7 +1137,7 @@ div#payments-title::after { tr.product-item { display: grid; grid-template-columns: 1fr 6fr 1fr 1fr; - grid-template-rows: 1fr 1fr; + grid-template-rows: 1fr; td.product-image { diff --git a/checkout/src/arquivos/sass/partials/_header.scss b/checkout/src/arquivos/sass/partials/_header.scss index d943163..17a27da 100644 --- a/checkout/src/arquivos/sass/partials/_header.scss +++ b/checkout/src/arquivos/sass/partials/_header.scss @@ -85,3 +85,28 @@ } } } + + +@media (max-width: 1024px) { + .headerCheckout { + .container { + width: 100%; + } + + &__wrapper { + padding: 0 1rem; + + #progressBar { + all: unset !important; + } + } + + &__logo { + min-width: 140px; + } + + &__safeBuy { + min-width: 140px; + } + } +}