SavioCarvalhoMoraes/challenge-vtex-io-savio-carvalho-moraes
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Consertado o tamanho do slider do carroussel

Browse Source
This commit is contained in:
Savio Carvalho Moraes 2023-02-10 14:53:14 -03:00
parent d1984b5b3c
commit 6260212e86
5 changed files with 29 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -316,7 +316,7 @@
"phone": 1 "phone": 1
}, },
"infinite": true, "infinite": true,
"showNavigationArrows": "desktopOnly", "showNavigationArrows": "always",
"blockClass": "carousel" "blockClass": "carousel"
}, },
"children": [] "children": []

7
styles/css/vtex.slider-layout.css
View File

@ -24,7 +24,12 @@
background: black; background: black;
} }
.sliderLayoutContainer .paginationDot--isActive { .sliderLayoutContainer .paginationDot--isActive {
width: 17px !important;
height: 17px !important;
background: white; background: white;
border: 0.5px solid black; border: 0.5px solid black;
font-size: large; }
.sliderLayoutContainer .paginationDotsContainer {
display: flex;
align-items: center;
} }

9
styles/css/vtex.store-components.css
View File

@ -10,7 +10,7 @@
/* Grid breakpoints */ /* Grid breakpoints */
.container { .container {
max-width: 100%; max-width: 100%;
margin: 0 40px 0 40px !important; padding: 0 40px 0 40px;
} }
.productImageTag { .productImageTag {
@ -25,9 +25,15 @@
} }
*/ */
.productImagesThumb { .productImagesThumb {
width: 100%;
max-width: 90px;
margin-right: 16px; margin-right: 16px;
} }
.thumbImg {
height: 90px;
}
.productBrand { .productBrand {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
@ -272,6 +278,7 @@
} }
.productDescriptionContainer .productDescriptionText .container { .productDescriptionContainer .productDescriptionText .container {
margin: 0 0 0 0 !important; margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
} }
.newsletter { .newsletter {

7
styles/sass/pages/product/vtex.slider-layout.scss
View File

@ -13,9 +13,14 @@
background: black; background: black;
} }
.paginationDot--isActive { .paginationDot--isActive {
width: 17px !important;
height: 17px !important;
background: white; background: white;
border: 0.5px solid black; border: 0.5px solid black;
font-size: large; }
.paginationDotsContainer {
display: flex;
align-items: center;
} }
} }
@media screen and (max-width: 1024px) and (min-width: 768px) { @media screen and (max-width: 1024px) and (min-width: 768px) {

9
styles/sass/pages/product/vtex.store-components.scss
View File

@ -1,6 +1,7 @@
.container { .container {
max-width: 100%; max-width: 100%;
margin: 0 40px 0 40px !important; //margin: 0 40px 0 40px !important;
padding: 0 40px 0 40px;
} }
.productImageTag { .productImageTag {
max-height: none !important; max-height: none !important;
@ -14,8 +15,13 @@
*/ */
.productImagesThumb { .productImagesThumb {
width: 100%;
max-width: 90px;
margin-right: 16px; margin-right: 16px;
} }
.thumbImg {
height: 90px;
}
.productBrand { .productBrand {
display: flex; display: flex;
@ -259,6 +265,7 @@
.productDescriptionText { .productDescriptionText {
.container { .container {
margin: 0 0 0 0 !important; margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
} }
font-family: "Open Sans"; font-family: "Open Sans";
font-style: normal; font-style: normal;