Gabriel_Lehmann/challenge-vtex-io-gabriel-lehmann
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: fixed spacing

Browse Source
This commit is contained in:
Gabriel Ferreira Lehmann 2023-02-10 17:48:04 -03:00
parent ef95a751c7
commit 4d40da32a0
3 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
react/components/PixComponents/globalStyles.css Normal file
View File

@ -0,0 +1,4 @@
.vtex-flex-layout-0-x-flexRowContent--product-image-width {
border: 1px solid red;
margin-right: 40px;
}

1
react/components/PixComponents/index.tsx
View File

@ -2,6 +2,7 @@ import React, { useEffect, useState } from "react";
import { useProduct } from "vtex.product-context"; import { useProduct } from "vtex.product-context";
import PixImage from "./PixImage"; import PixImage from "./PixImage";
import Style from "./styles.css"; import Style from "./styles.css";
import "./globalStyles.css";
const PixComponents = () => { const PixComponents = () => {
const [pixValue, setPixValue] = useState(0); const [pixValue, setPixValue] = useState(0);

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

@ -45,12 +45,13 @@
}, },
"flex-layout.row#product-main": { "flex-layout.row#product-main": {
"props": { "props": {
"colGap": 7, // "colGap": 7,
"rowGap": 7, // "rowGap": 7,
"marginTop": 4, // "marginTop": 4,
"marginBottom": 7, // "marginBottom": 7,
"paddingTop": 7, "paddingTop": 7,
"paddingBottom": 7 // "paddingBottom": 7,
"blockClass": "product-image-width"
}, },
"children": ["flex-layout.col#stack", "flex-layout.col#right-col"] "children": ["flex-layout.col#stack", "flex-layout.col#right-col"]
}, },
@ -78,7 +79,7 @@
"flex-layout.col#stack": { "flex-layout.col#stack": {
"children": ["stack-layout"], "children": ["stack-layout"],
"props": { "props": {
"width": "60%", "width": "51%",
"rowGap": 0 "rowGap": 0
} }
}, },
@ -102,7 +103,8 @@
"flex-layout.col#right-col": { "flex-layout.col#right-col": {
"props": { "props": {
"preventVerticalStretch": true, "preventVerticalStretch": true,
"rowGap": 0 "rowGap": 0,
"width": "grow"
}, },
"children": [ "children": [
"flex-layout.row#product-name", "flex-layout.row#product-name",