forked from M3-Academy/challenge-vtex-io
feat(description):atualizando o description
add tab layout ao descripition
This commit is contained in:
parent
54b2e2da3b
commit
0d037088c5
@ -65,6 +65,10 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 1024px) {
|
@media screen and (max-width: 1024px) {
|
||||||
|
.html--pdp-descriptions :global(.vtex-store-components-3-x-container){
|
||||||
|
border-bottom: 1px solid rgba(185, 185, 185, 1);
|
||||||
|
padding-bottom: 16px;
|
||||||
|
}
|
||||||
.html--pdp-descriptions :global(.vtex-store-components-3-x-productImageTag){
|
.html--pdp-descriptions :global(.vtex-store-components-3-x-productImageTag){
|
||||||
min-width: 296px;
|
min-width: 296px;
|
||||||
}
|
}
|
||||||
|
@ -10,7 +10,11 @@
|
|||||||
"tab-layout#pdp": {
|
"tab-layout#pdp": {
|
||||||
"children":[
|
"children":[
|
||||||
"tab-list#pdp",
|
"tab-list#pdp",
|
||||||
"tab-content#pdp"
|
"tab-content#pdp",
|
||||||
|
"tab-content#pdp2",
|
||||||
|
"tab-content#pdp3",
|
||||||
|
"tab-content#pdp4",
|
||||||
|
"tab-content#pdp5"
|
||||||
],
|
],
|
||||||
"props": {
|
"props": {
|
||||||
"blockClass": "pdp-tabLayout",
|
"blockClass": "pdp-tabLayout",
|
||||||
@ -29,9 +33,6 @@
|
|||||||
"blockClass": "pdp-tabSections"
|
"blockClass": "pdp-tabSections"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"tab-content#pdp":{
|
|
||||||
|
|
||||||
},
|
|
||||||
"tab-list.item#pdpsection1": {
|
"tab-list.item#pdpsection1": {
|
||||||
"props": {
|
"props": {
|
||||||
"tabId": "descrição1",
|
"tabId": "descrição1",
|
||||||
@ -63,6 +64,71 @@
|
|||||||
"label": "Descrição"
|
"label": "Descrição"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"tab-content.item#descriptionpdp":{
|
||||||
|
"children":[
|
||||||
|
"html#description"
|
||||||
|
],
|
||||||
|
"props": {
|
||||||
|
"tabId": "descrição1"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"tab-content#pdp":{
|
||||||
|
"children":[
|
||||||
|
"tab-content.item#descriptionpdp"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"tab-content.item#descriptionpdp2":{
|
||||||
|
"children":[
|
||||||
|
"html#description"
|
||||||
|
],
|
||||||
|
"props": {
|
||||||
|
"tabId": "descrição2"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"tab-content#pdp2":{
|
||||||
|
"children":[
|
||||||
|
"tab-content.item#descriptionpdp2"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"tab-content.item#descriptionpdp3":{
|
||||||
|
"children":[
|
||||||
|
"html#description"
|
||||||
|
],
|
||||||
|
"props": {
|
||||||
|
"tabId": "descrição3"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"tab-content#pdp3":{
|
||||||
|
"children":[
|
||||||
|
"tab-content.item#descriptionpdp3"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"tab-content.item#descriptionpdp4":{
|
||||||
|
"children":[
|
||||||
|
"html#description"
|
||||||
|
],
|
||||||
|
"props": {
|
||||||
|
"tabId": "descrição4"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"tab-content#pdp4":{
|
||||||
|
"children":[
|
||||||
|
"tab-content.item#descriptionpdp4"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"tab-content.item#descriptionpdp5":{
|
||||||
|
"children":[
|
||||||
|
"html#description"
|
||||||
|
],
|
||||||
|
"props": {
|
||||||
|
"tabId": "descrição5"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"tab-content#pdp5":{
|
||||||
|
"children":[
|
||||||
|
"tab-content.item#descriptionpdp5"
|
||||||
|
]
|
||||||
|
},
|
||||||
"html#prateleira": {
|
"html#prateleira": {
|
||||||
"props": {
|
"props": {
|
||||||
"testId": "vtex-product-sumary"
|
"testId": "vtex-product-sumary"
|
||||||
@ -154,14 +220,7 @@
|
|||||||
},
|
},
|
||||||
"children": ["breadcrumb"]
|
"children": ["breadcrumb"]
|
||||||
},
|
},
|
||||||
"html#example-component": {
|
|
||||||
"props": {
|
|
||||||
"tag": "nav",
|
|
||||||
"testId": "breadcrumbs",
|
|
||||||
"blockClass": "pdp-exemplo"
|
|
||||||
},
|
|
||||||
"children": ["example-component"]
|
|
||||||
},
|
|
||||||
"html#Sections": {
|
"html#Sections": {
|
||||||
"props": {
|
"props": {
|
||||||
"tag": "nav",
|
"tag": "nav",
|
||||||
|
@ -24,6 +24,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.listContainer--pdp-tabSections {
|
.listContainer--pdp-tabSections {
|
||||||
|
margin-bottom: 32px;
|
||||||
justify-content: space-evenly;
|
justify-content: space-evenly;
|
||||||
align-items: end;
|
align-items: end;
|
||||||
}
|
}
|
||||||
|
@ -175,3 +175,4 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -14,6 +14,7 @@
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
.listContainer--pdp-tabSections{
|
.listContainer--pdp-tabSections{
|
||||||
|
margin-bottom: 32px;
|
||||||
justify-content: space-evenly;
|
justify-content: space-evenly;
|
||||||
align-items: end;
|
align-items: end;
|
||||||
@media screen and (max-width: 1024px){
|
@media screen and (max-width: 1024px){
|
||||||
|
Loading…
Reference in New Issue
Block a user