ajuste na imagem de produto mobile

This commit is contained in:
Emerson Fully 2023-02-09 23:01:09 -03:00
parent 5a12c47d67
commit 057afeee54
6 changed files with 17 additions and 5 deletions

View File

@ -1,7 +1,3 @@
[class*="vtex-store-components-3-x-productImageTag--main"] {
max-height: 664px !important;
}
.html--pdp-breadcrumb {
margin: 0 40px;
}

View File

@ -80,7 +80,8 @@
"children": ["stack-layout"],
"props": {
"width": "50%",
"rowGap": 0
"rowGap": 0,
"blockClass": "stack-layout-container"
}
},
"flex-layout.row#product-image": {

View File

@ -16,6 +16,9 @@
display: flex;
flex-direction: column;
}
.flexRowContent--product-main-stack .stretchChildrenWidth {
width: 100% !important;
}
}
@media screen and (max-width: 1024px) {

View File

@ -363,4 +363,8 @@
.productImageTag--imagem-descricao--main {
max-height: 1100px !important;
}
}
.productImageTag--main {
max-height: 1000px !important;
}

View File

@ -10,6 +10,10 @@
@media screen and (max-width: 1024px) {
display: flex;
flex-direction: column;
.stretchChildrenWidth {
width: 100% !important;
}
}
}
.flexRowContent--main-header-mobile {

View File

@ -408,3 +408,7 @@
max-height: 1100px !important;
}
}
.productImageTag--main {
max-height: 1000px !important;
}