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: Fazendo a thumb do video ocupar a div inteira

Browse Source
This commit is contained in:
José Carlos Lins 2023-02-01 14:45:01 -03:00
parent 60d2b3ad0f
commit 60237e8024
2 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
styles/css/vtex.store-components.css
View File

@ -8,11 +8,6 @@
*/ */
/* Media Query M3 */ /* Media Query M3 */
/* Grid breakpoints */ /* Grid breakpoints */
.flexRowContent--newsletter-footer .newsletter {
height: 175px;
background-color: #000000;
}
.searchBarContainer { .searchBarContainer {
padding: 0; padding: 0;
align-self: center; align-self: center;
@ -54,6 +49,11 @@
background: red; background: red;
} }
.figure--product-images-pdp {
display: flex;
height: 100%;
}
.productImage .productImageTag--main { .productImage .productImageTag--main {
object-fit: fill !important; object-fit: fill !important;
max-height: max-content !important; max-height: max-content !important;
@ -430,4 +430,8 @@
.shippingTable .shippingTableBody .shippingTableRow { .shippingTable .shippingTableBody .shippingTableRow {
align-items: center; align-items: center;
} }
}
.flexRowContent--newsletter-footer .newsletter {
height: 175px;
background-color: #000000;
} }

5
styles/sass/pages/product/vtex.store-components.scss
View File

@ -2,6 +2,11 @@
background: red; background: red;
} }
.figure--product-images-pdp{
display: flex;
height: 100%;
}
.productImage{ .productImage{
.productImageTag--main{ .productImageTag--main{
object-fit: fill !important; object-fit: fill !important;