Amandaalmeida/m3-academy-template-checkout-amanda-almeida
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(position): Corrige bug da posição absoluta onde o body não reconhecia o tamanho do header e bugava a tela

Browse Source
This commit is contained in:
amanda almeida 2022-12-15 16:14:42 -03:00
parent 842762977f
commit 3da78ab6c6
1 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
checkout/src/arquivos/sass/partials/_header.scss
View File

@ -1,9 +1,10 @@
/* _header.scss */ /* _header.scss */
.headerCheckout { .headerCheckout {
height: 91px; height: 96px;
border-bottom: 1px solid $color-black;
@include mq(xl, min) { @include mq(xl, min) {
height: 150px; height: 149px;
} }
@include mq(lg, max) { @include mq(lg, max) {
@ -12,30 +13,39 @@
.container { .container {
width: 100% !important; width: 100% !important;
border-bottom: 1px solid $color-black; height: 96px;
position: absolute; position: relative;
@include mq(xl, min) {
height: 149px;
}
@include mq(md, max) {
height: 65px;
}
} }
&__wrapper { &__wrapper {
padding: 30px 0;
margin: 0 auto; margin: 0 auto;
height: 30px; height: 100%;
position: absolute;
left: 0;
right: 0;
align-items: center; align-items: center;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@include mq(md, min) { @include mq(md, min) {
width: 80%; width: 79.5%;
} }
@include mq(xl, min) { @include mq(xl, min) {
height: 91px; height: 149px;
} }
@include mq(md, max) { @include mq(md, max) {
padding: 16px; padding: 0 16px;
width: initial; height: 65px;
height: 32px;
margin: 0; margin: 0;
} }