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

fix(erros da correçõa): concerta os erros apontados na correção do desafio

Browse Source
This commit is contained in:
amanda almeida 2023-02-24 17:40:36 -03:00
parent fbb6395a06
commit b2495e4268
5 changed files with 14 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
store/blocks/pdp/slider-layout.jsonc
View File

@ -11,7 +11,18 @@
"testId": "vtex-product-summary", "testId": "vtex-product-summary",
"blockClass": "produto-prateleira" "blockClass": "produto-prateleira"
}, },
"children": ["product-summary-image", "product-summary-name", "html#price"] "children": [
"product-summary-image#prateleira",
"product-summary-name",
"html#price"
]
},
"product-summary-image#prateleira": {
"props": {
"aspectRatio": {
"desktop": "1/1"
}
}
}, },
"html#price": { "html#price": {

7
styles/css/vtex.product-summary.css
View File

@ -22,7 +22,6 @@
display: flex; display: flex;
align-items: center; align-items: center;
max-width: 314.4px; max-width: 314.4px;
height: 314.4px;
background: #EDEDED; background: #EDEDED;
margin: 0; margin: 0;
} }
@ -56,7 +55,6 @@
@media screen and (min-width: 1920px) { @media screen and (min-width: 1920px) {
.container--produto-prateleira .imageContainer { .container--produto-prateleira .imageContainer {
max-width: 434.4px; max-width: 434.4px;
height: 434.4px;
} }
.container--produto-prateleira .imageNormal { .container--produto-prateleira .imageNormal {
width: 100%; width: 100%;
@ -67,7 +65,6 @@
@media screen and (max-width: 1024px) { @media screen and (max-width: 1024px) {
.container--produto-prateleira .imageContainer { .container--produto-prateleira .imageContainer {
max-width: 291.2px; max-width: 291.2px;
height: 291.2px;
} }
.container--produto-prateleira .imageNormal { .container--produto-prateleira .imageNormal {
width: 100%; width: 100%;
@ -83,10 +80,6 @@
} }
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.container--produto-prateleira .imageContainer {
max-width: 124.8px;
height: 124.8px;
}
.container--produto-prateleira .imageNormal { .container--produto-prateleira .imageNormal {
width: 100%; width: 100%;
max-height: 124.8px; max-height: 124.8px;

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

@ -159,8 +159,7 @@
} }
.productImagesThumbActive .carouselThumbBorder { .productImagesThumbActive .carouselThumbBorder {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.33), rgba(0, 0, 0, 0.33)); display: none;
border-radius: 8px;
} }
.skuSelectorContainer { .skuSelectorContainer {

7
styles/sass/pages/product/vtex.product-summary.scss
View File

@ -15,7 +15,6 @@
display: flex; display: flex;
align-items: center; align-items: center;
max-width: 314.4px; max-width: 314.4px;
height: 314.4px;
background: #EDEDED; background: #EDEDED;
margin: 0; margin: 0;
} }
@ -58,7 +57,6 @@
.container--produto-prateleira { .container--produto-prateleira {
.imageContainer { .imageContainer {
max-width: 434.4px; max-width: 434.4px;
height: 434.4px;
} }
@ -74,7 +72,6 @@
.container--produto-prateleira { .container--produto-prateleira {
.imageContainer { .imageContainer {
max-width: 291.2px; max-width: 291.2px;
height: 291.2px;
} }
.imageNormal { .imageNormal {
@ -99,10 +96,6 @@
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.container--produto-prateleira { .container--produto-prateleira {
.imageContainer {
max-width: 124.8px;
height: 124.8px;
}
.imageNormal { .imageNormal {
width: 100%; width: 100%;

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

@ -54,8 +54,7 @@
.productImagesThumbActive { .productImagesThumbActive {
.carouselThumbBorder { .carouselThumbBorder {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.33), rgba(0, 0, 0, 0.33)); display: none;
border-radius: 8px;
} }
} }