forked from M3-Academy/challenge-vtex-io
feat: adiciona espaçamento lateral descrição produto
This commit is contained in:
parent
7fea93d635
commit
ed41362db8
@ -20,3 +20,7 @@
|
|||||||
[class*="html--descriptionText"] {
|
[class*="html--descriptionText"] {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[class*="html--productDescription"] {
|
||||||
|
padding: 0 40px;
|
||||||
|
}
|
||||||
|
@ -3,11 +3,13 @@ import { useProduct } from "vtex.product-context";
|
|||||||
import styles from "./styles.module.css";
|
import styles from "./styles.module.css";
|
||||||
|
|
||||||
const PixPrice = () => {
|
const PixPrice = () => {
|
||||||
// const inputCep = document.querySelectorAll(".vtex-address-form-4-x-input");
|
// useEffect(() => {
|
||||||
|
// const inputCep = document.querySelectorAll(".vtex-address-form-4-x-input");
|
||||||
|
|
||||||
// console.log(inputCep);
|
// // inputCep.setAttribute('placeholder', 'Digite seu CEP');
|
||||||
|
|
||||||
// .placeholder = "Type name here..";
|
// console.log(inputCep);
|
||||||
|
// });
|
||||||
|
|
||||||
const productContextValue = useProduct();
|
const productContextValue = useProduct();
|
||||||
|
|
||||||
|
@ -1,5 +1,11 @@
|
|||||||
{
|
{
|
||||||
"tab-layout#productPage": {
|
"html#productDescription": {
|
||||||
|
"props": {
|
||||||
|
"blockClass": "productDescription"
|
||||||
|
},
|
||||||
|
"children": ["tab-layout#productDescription"]
|
||||||
|
},
|
||||||
|
"tab-layout#productDescription": {
|
||||||
"children": ["tab-list#description", "tab-content#description"],
|
"children": ["tab-list#description", "tab-content#description"],
|
||||||
"props": {
|
"props": {
|
||||||
"blockClass": "description",
|
"blockClass": "description",
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
"html#breadcrumb",
|
"html#breadcrumb",
|
||||||
"flex-layout.row#product-container",
|
"flex-layout.row#product-container",
|
||||||
// "flex-layout.row#description",
|
// "flex-layout.row#description",
|
||||||
"tab-layout#productPage",
|
"html#productDescription",
|
||||||
// "flex-layout.row#specifications-title",
|
// "flex-layout.row#specifications-title",
|
||||||
// "product-specification-group#table",
|
// "product-specification-group#table",
|
||||||
"shelf.relatedProducts",
|
"shelf.relatedProducts",
|
||||||
|
@ -31,7 +31,7 @@
|
|||||||
content: "Home";
|
content: "Home";
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 20%;
|
top: 17%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.link--1 {
|
.link--1 {
|
||||||
|
@ -20,7 +20,7 @@
|
|||||||
content: "Home";
|
content: "Home";
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 20%;
|
top: 17%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.link--1 {
|
.link--1 {
|
||||||
|
Loading…
Reference in New Issue
Block a user