Merge pull request 'feat: adiciona espaçamento lateral descrição produto' (#13) from feature/adiciona-espacamento-lateral-descrição-produto into development

Reviewed-on: #13

react/components/Html/styles.css

@@ -20,3 +20,7 @@
 [class*="html--descriptionText"] {
   width: 50%;
 }
+
+[class*="html--productDescription"] {
+  padding: 0 40px;
+}

react/components/PixPrice/PixPrice.tsx

@@ -3,11 +3,13 @@ import { useProduct } from "vtex.product-context";
 import styles from "./styles.module.css";
 
 const PixPrice = () => {
+  // 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();
 

store/blocks/pdp/product-description.jsonc

@@ -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"],
     "props": {
       "blockClass": "description",

store/blocks/pdp/product.jsonc

@@ -4,7 +4,7 @@
       "html#breadcrumb",
       "flex-layout.row#product-container",
       // "flex-layout.row#description",
-      "tab-layout#productPage",
+      "html#productDescription",
       // "flex-layout.row#specifications-title",
       // "product-specification-group#table",
       "shelf.relatedProducts",

styles/css/vtex.breadcrumb.css

@@ -31,7 +31,7 @@
   content: "Home";
   font-size: 16px;
   position: absolute;
-  top: 20%;
+  top: 17%;
 }
 
 .link--1 {

styles/sass/pages/product/vtex.breadcrumb.scss

@@ -20,7 +20,7 @@
   content: "Home";
   font-size: 16px;
   position: absolute;
-  top: 20%;
+  top: 17%;
 }
 
 .link--1 {