From 3da78ab6c6c879eb7d50975560e05ee7983bfdce Mon Sep 17 00:00:00 2001 From: amanda almeida Date: Thu, 15 Dec 2022 16:14:42 -0300 Subject: [PATCH] =?UTF-8?q?fix(position):=20Corrige=20bug=20da=20posi?= =?UTF-8?q?=C3=A7=C3=A3o=20absoluta=20onde=20o=20body=20n=C3=A3o=20reconhe?= =?UTF-8?q?cia=20o=20tamanho=20do=20header=20e=20bugava=20a=20tela?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/arquivos/sass/partials/_header.scss | 32 ++++++++++++------- 1 file changed, 21 insertions(+), 11 deletions(-) diff --git a/checkout/src/arquivos/sass/partials/_header.scss b/checkout/src/arquivos/sass/partials/_header.scss index 94783f6..eb5dc13 100644 --- a/checkout/src/arquivos/sass/partials/_header.scss +++ b/checkout/src/arquivos/sass/partials/_header.scss @@ -1,9 +1,10 @@ /* _header.scss */ .headerCheckout { - height: 91px; + height: 96px; + border-bottom: 1px solid $color-black; @include mq(xl, min) { - height: 150px; + height: 149px; } @include mq(lg, max) { @@ -12,30 +13,39 @@ .container { width: 100% !important; - border-bottom: 1px solid $color-black; - position: absolute; + height: 96px; + position: relative; + + @include mq(xl, min) { + height: 149px; + } + + @include mq(md, max) { + height: 65px; + } } &__wrapper { - padding: 30px 0; margin: 0 auto; - height: 30px; + height: 100%; + position: absolute; + left: 0; + right: 0; align-items: center; display: flex; justify-content: space-between; @include mq(md, min) { - width: 80%; + width: 79.5%; } @include mq(xl, min) { - height: 91px; + height: 149px; } @include mq(md, max) { - padding: 16px; - width: initial; - height: 32px; + padding: 0 16px; + height: 65px; margin: 0; }