feat: adiciona css
This commit is contained in:
parent
f86ca8b682
commit
9cc7b166bc
@ -82,6 +82,25 @@
|
|||||||
"rowGap": 0
|
"rowGap": 0
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"html#prateleira": {
|
||||||
|
"props": {
|
||||||
|
"testId": "vtex-product-summary"
|
||||||
|
},
|
||||||
|
"children": [
|
||||||
|
"product-summary-name",
|
||||||
|
"product-summary-description",
|
||||||
|
"product-summary-image",
|
||||||
|
"product-summary-price",
|
||||||
|
"product-summary-sku-selector",
|
||||||
|
"product-summary-buy-button"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"html#imagens": {
|
||||||
|
"props": {
|
||||||
|
"testId": "product-images"
|
||||||
|
},
|
||||||
|
"children": ["product-images"]
|
||||||
|
},
|
||||||
"flex-layout.row#product-image": {
|
"flex-layout.row#product-image": {
|
||||||
"children": ["product-images"]
|
"children": ["product-images"]
|
||||||
},
|
},
|
||||||
@ -314,14 +333,7 @@
|
|||||||
},
|
},
|
||||||
|
|
||||||
"product-summary.shelf#demo1": {
|
"product-summary.shelf#demo1": {
|
||||||
"children": [
|
"children": ["html#prateleira"]
|
||||||
"product-summary-name",
|
|
||||||
"product-summary-description",
|
|
||||||
"product-summary-image",
|
|
||||||
"product-summary-price",
|
|
||||||
"product-summary-sku-selector",
|
|
||||||
"product-summary-buy-button"
|
|
||||||
]
|
|
||||||
},
|
},
|
||||||
|
|
||||||
"slider-layout#demo-products": {
|
"slider-layout#demo-products": {
|
||||||
|
@ -11,22 +11,39 @@
|
|||||||
padding: 16px 40px 113px;
|
padding: 16px 40px 113px;
|
||||||
}
|
}
|
||||||
.sliderLayoutContainer .sliderTrackContainer {
|
.sliderLayoutContainer .sliderTrackContainer {
|
||||||
padding: 0 24px 36px;
|
padding: 0 40px 36px;
|
||||||
}
|
}
|
||||||
.sliderLayoutContainer .sliderTrackContainer .sliderTrack {
|
.sliderLayoutContainer .sliderTrackContainer .sliderTrack {
|
||||||
|
width: 450% !important;
|
||||||
gap: 16px;
|
gap: 16px;
|
||||||
}
|
}
|
||||||
.sliderLayoutContainer .sliderTrackContainer .sliderTrack .slide .slideChildrenContainer :global(.vtex-product-summary-2-x-container) {
|
.sliderLayoutContainer .sliderTrackContainer .sliderTrack .slide .slideChildrenContainer :global(.vtex-product-summary-2-x-container) {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
max-width: none !important;
|
||||||
|
}
|
||||||
|
.sliderLayoutContainer .sliderTrackContainer .sliderTrack .slide .slideChildrenContainer :global(.vtex-product-summary-2-x-container) :global(.vtex-product-summary-2-x-element) {
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
.sliderLayoutContainer .sliderTrackContainer .sliderTrack .slide .slideChildrenContainer :global(.vtex-product-summary-2-x-container) :global(.vtex-product-summary-2-x-element) :global(.vtex-product-summary-2-x-imageContainer) {
|
.sliderLayoutContainer .sliderTrackContainer .sliderTrack .slide .slideChildrenContainer :global(.vtex-product-summary-2-x-container) :global(.vtex-product-summary-2-x-element) :global(.vtex-product-summary-2-x-imageContainer) {
|
||||||
display: flex;
|
display: flex;
|
||||||
order: 1;
|
order: 1;
|
||||||
width: 100%;
|
width: fit-content;
|
||||||
}
|
}
|
||||||
.sliderLayoutContainer .sliderTrackContainer .sliderTrack .slide .slideChildrenContainer :global(.vtex-product-summary-2-x-container) :global(.vtex-product-summary-2-x-element) :global(.vtex-product-summary-2-x-imageContainer) :global(.vtex-product-summary-2-x-imageNormal) {
|
.sliderLayoutContainer .sliderTrackContainer .sliderTrack .slide .slideChildrenContainer :global(.vtex-product-summary-2-x-container) :global(.vtex-product-summary-2-x-element) :global(.vtex-product-summary-2-x-imageContainer) :global(.vtex-store-components-3-x-discountContainer) :global(.vtex-store-components-3-x-discountInsideContainer) {
|
||||||
height: 314px;
|
display: none;
|
||||||
|
}
|
||||||
|
.sliderLayoutContainer .sliderTrackContainer .sliderTrack .slide .slideChildrenContainer :global(.vtex-product-summary-2-x-container) :global(.vtex-product-summary-2-x-element) :global(.vtex-product-summary-2-x-imageContainer) :global(.vtex-store-components-3-x-discountContainer) :global(.vtex-product-summary-2-x-imageContainer) {
|
||||||
|
background-color: #ededed;
|
||||||
|
}
|
||||||
|
.sliderLayoutContainer .sliderTrackContainer .sliderTrack .slide .slideChildrenContainer :global(.vtex-product-summary-2-x-container) :global(.vtex-product-summary-2-x-element) :global(.vtex-product-summary-2-x-imageContainer) :global(.vtex-store-components-3-x-discountContainer) :global(.vtex-product-summary-2-x-imageContainer) :global(.vtex-product-summary-2-x-imageNormal) {
|
||||||
|
width: fit-content;
|
||||||
|
min-width: 314.4px;
|
||||||
|
height: fit-content;
|
||||||
|
min-height: 314.4px;
|
||||||
|
max-height: 314.4px;
|
||||||
|
border-radius: 0;
|
||||||
|
background-color: #ededed;
|
||||||
}
|
}
|
||||||
.sliderLayoutContainer .sliderTrackContainer .sliderTrack .slide .slideChildrenContainer :global(.vtex-product-summary-2-x-container) :global(.vtex-product-summary-2-x-element) :global(.vtex-product-summary-2-x-nameContainer) {
|
.sliderLayoutContainer .sliderTrackContainer .sliderTrack .slide .slideChildrenContainer :global(.vtex-product-summary-2-x-container) :global(.vtex-product-summary-2-x-element) :global(.vtex-product-summary-2-x-nameContainer) {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -2,9 +2,10 @@
|
|||||||
padding: 16px 40px 113px;
|
padding: 16px 40px 113px;
|
||||||
|
|
||||||
.sliderTrackContainer {
|
.sliderTrackContainer {
|
||||||
padding: 0 24px 36px;
|
padding: 0 40px 36px;
|
||||||
|
|
||||||
.sliderTrack {
|
.sliderTrack {
|
||||||
|
width: 450% !important;
|
||||||
gap: 16px;
|
gap: 16px;
|
||||||
|
|
||||||
.slide {
|
.slide {
|
||||||
@ -12,15 +13,32 @@
|
|||||||
:global(.vtex-product-summary-2-x-container) {
|
:global(.vtex-product-summary-2-x-container) {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
max-width: none !important;
|
||||||
|
|
||||||
:global(.vtex-product-summary-2-x-element) {
|
:global(.vtex-product-summary-2-x-element) {
|
||||||
|
padding: 0;
|
||||||
:global(.vtex-product-summary-2-x-imageContainer) {
|
:global(.vtex-product-summary-2-x-imageContainer) {
|
||||||
display: flex;
|
display: flex;
|
||||||
order: 1;
|
order: 1;
|
||||||
width: 100%;
|
width: fit-content;
|
||||||
|
|
||||||
|
:global(.vtex-store-components-3-x-discountContainer) {
|
||||||
|
:global(.vtex-store-components-3-x-discountInsideContainer) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
:global(.vtex-product-summary-2-x-imageContainer) {
|
||||||
|
background-color: #ededed;
|
||||||
|
|
||||||
:global(.vtex-product-summary-2-x-imageNormal) {
|
:global(.vtex-product-summary-2-x-imageNormal) {
|
||||||
height: 314px;
|
width: fit-content;
|
||||||
|
min-width: 314.4px;
|
||||||
|
height: fit-content;
|
||||||
|
min-height: 314.4px;
|
||||||
|
max-height: 314.4px;
|
||||||
|
border-radius: 0;
|
||||||
|
background-color: #ededed;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
:global(.vtex-product-summary-2-x-nameContainer) {
|
:global(.vtex-product-summary-2-x-nameContainer) {
|
||||||
|
Loading…
Reference in New Issue
Block a user