ajuste na imagem de produto mobile
This commit is contained in:
parent
5a12c47d67
commit
057afeee54
@ -1,7 +1,3 @@
|
||||
[class*="vtex-store-components-3-x-productImageTag--main"] {
|
||||
max-height: 664px !important;
|
||||
}
|
||||
|
||||
.html--pdp-breadcrumb {
|
||||
margin: 0 40px;
|
||||
}
|
||||
|
@ -80,7 +80,8 @@
|
||||
"children": ["stack-layout"],
|
||||
"props": {
|
||||
"width": "50%",
|
||||
"rowGap": 0
|
||||
"rowGap": 0,
|
||||
"blockClass": "stack-layout-container"
|
||||
}
|
||||
},
|
||||
"flex-layout.row#product-image": {
|
||||
|
@ -16,6 +16,9 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.flexRowContent--product-main-stack .stretchChildrenWidth {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
|
@ -363,4 +363,8 @@
|
||||
.productImageTag--imagem-descricao--main {
|
||||
max-height: 1100px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.productImageTag--main {
|
||||
max-height: 1000px !important;
|
||||
}
|
@ -10,6 +10,10 @@
|
||||
@media screen and (max-width: 1024px) {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.stretchChildrenWidth {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.flexRowContent--main-header-mobile {
|
||||
|
@ -408,3 +408,7 @@
|
||||
max-height: 1100px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.productImageTag--main {
|
||||
max-height: 1000px !important;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user