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 */
.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;
}