ueberjames/challenge-vtex-io-ueber-james
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

estilização do mini slide do availability

Browse Source
This commit is contained in:
Ueber James Santos 2023-02-08 20:25:19 -03:00
parent 1062a83408
commit 1b6e7b4213
3 changed files with 41 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -28,6 +28,18 @@
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
.container .carouselGaleryThumbs {
gap: 16px;
}
.container .carouselGaleryThumbs .productImagesThumb {
max-width: 90px;
width: 100%;
margin-right: 16px;
}
.container .carouselGaleryThumbs .thumbImg {
border-radius: 9px;
height: 90px;
}
.skuSelectorContainer { .skuSelectorContainer {
display: flex; display: flex;

11
styles/sass/pages/product/vtex.flex-layout.scss
View File

@ -3,14 +3,21 @@
gap: 32px; gap: 32px;
padding: 0; padding: 0;
margin: 0; margin: 0;
// padding-left: 40px;
// padding-right: 40px;
.stretchChildrenWidth { .stretchChildrenWidth {
padding: 0; padding: 0;
} }
// @include mq (md, max) {
// display: block;
// .stretchChildrenWidth {
// width: 100% !important;
// }
// }
} }
// quantity // quantity

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

@ -23,6 +23,22 @@
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
.carouselGaleryThumbs {
gap: 16px;
.productImagesThumb{
max-width: 90px;
width: 100%;
margin-right: 16px;
}
.thumbImg {
border-radius: 9px;
height: 90px;
}
}
} }
// sku-selector // sku-selector
@ -362,3 +378,7 @@ padding-bottom: 15px;
} }
} }
// tab-descrição-fim