josecarloslins/challenge-vtex-io-josecarloslins
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Ajustando responsividade tablet com a tela do produto indisponivel

Browse Source
This commit is contained in:
José Carlos Lins 2023-01-25 19:05:26 -03:00
parent d7c2f91034
commit 2c1e6f20ca
2 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
styles/css/vtex.flex-layout.css
View File

@ -206,6 +206,13 @@
padding: 0; padding: 0;
border-bottom: 1px solid #BFBFBF; border-bottom: 1px solid #BFBFBF;
} }
.flexRow--container-product-availability .flexRowContent--container-product-availability {
display: flex;
flex-direction: column;
}
.flexRow--message-availability {
width: 100%;
}
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.flexRowContent--container-quantity-and-buy-button { .flexRowContent--container-quantity-and-buy-button {

11
styles/sass/pages/product/vtex.flex-layout.scss
View File

@ -230,6 +230,17 @@
border-bottom: 1px solid #BFBFBF; border-bottom: 1px solid #BFBFBF;
} }
} }
.flexRow--container-product-availability{
.flexRowContent--container-product-availability{
display: flex;
flex-direction: column;
}
}
.flexRow--message-availability{
width: 100%;
}
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {