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

Develop #6

Merged
Gustavo_Rallenson_Goncalves_Da_Silva merged 70 commits from Develop into master 2023-02-10 10:36:40 +00:00
Conversation 0 Commits 70 Files Changed 52 +37 -20
3 changed files with 37 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 7e43bedb0d - Show all commits

2
store/blocks/pdp/product.jsonc
View File

@ -44,7 +44,7 @@
"paddingTop": 7,
"paddingBottom": 7
},
"children": ["flex-layout.col#stack", "flex-layout.col#right-col"]
"children": ["flex-layout.col#stack"]
},
"stack-layout": {

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

@ -42,18 +42,28 @@
.carouselContainer {
padding: 0 40px 0;
}
.carouselContainer .productImageTag {
.carouselContainer .productImage {
max-width: 85.238%;
}
@media screen and (min-width: 156.25em) {
.carouselContainer .productImage {
min-width: 904px;
max-width: 100%;
}
}
.carouselContainer .productImage .productImageTag- {
max-height: 100% !important;
margin-bottom: 1em;
align-self: stretch;
margin-bottom: 16px;
}
.carouselContainer .productImagesThumb {
background: white;
}
.carouselContainer .productImagesThumb .figure {
width: 100%;
.carouselContainer .productImage .productImageTag--main {
max-height: 100% !important;
}
.carouselGaleryThumbs .productImagesThumb {
margin-right: 16px;
background: white;
margin-right: 1em;
}
.carouselGaleryThumbs .productImagesThumb .figure {
width: 100%;
}

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

@ -46,22 +46,29 @@
.carouselContainer{
padding: 0 40px 0;
.productImageTag{
max-height: 100% !important;
align-self: stretch;
margin-bottom: 16px;
}
.productImagesThumb{
background:white;
.figure{
width: 100%;
.productImage{
max-width:85.238%;
@media screen and (min-width: 156.25em){
min-width: 904px;
max-width:100%;
}
.productImageTag-{
max-height: 100% !important;
margin-bottom: 1em;
align-self: stretch;
&-main{
max-height: 100% !important;
}
}
}
}
.carouselGaleryThumbs{
.productImagesThumb{
margin-right: 16px;
background:white;
margin-right: 1em;
.figure{
width: 100%;
}
}
}