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

feat(product-images):concertando ultrawide product-img

Browse Source
This commit is contained in:
Gustavo Rallenson Gonçalves Da Silva 2023-02-05 12:22:04 -03:00
parent f7b43bb40f
commit 0a9ffb2593
2 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
react/components/Html/styles.css
View File

@ -51,3 +51,7 @@
color: #000000; color: #000000;
border-bottom: 1px solid #000000; border-bottom: 1px solid #000000;
} }
.html--pdp-productMain :global(.vtex-store-components-3-x-container){
max-width: 100%;
}

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

@ -41,7 +41,7 @@
}, },
"flex-layout.row#description": { "flex-layout.row#description": {
"props": { "props": {
"width": "50%" "width": "66%"
}, },
"children": ["product-images#description","product-description"] "children": ["product-images#description","product-description"]
}, },
@ -52,10 +52,19 @@
"subject": "isProductAvailable" "subject": "isProductAvailable"
} }
], ],
"Then": "flex-layout.row#product-main", "Then": "html#product-main",
"Else": "flex-layout.row#product-availability" "Else": "flex-layout.row#product-availability"
} }
}, },
"html#product-main": {
"props": {
"tag": "div",
"testId": "Product-Images",
"blockClass": "pdp-productMain"
},
"children": ["flex-layout.row#product-main"]
},
"flex-layout.row#product-main": { "flex-layout.row#product-main": {
"props": { "props": {
"colGap": 7, "colGap": 7,
@ -111,7 +120,7 @@
"children": ["stack-layout"], "children": ["stack-layout"],
"props": { "props": {
"rowGap": 10, "rowGap": 10,
"width":"46%", "width":"50%",
"blockClass": "StackLayout", "blockClass": "StackLayout",
"htmlId":"teste" "htmlId":"teste"
} }