Gabriel_Ferraz_Nogueira/challenge-vtex-io-gabriel-ferraz
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: ajustes css product image

Browse Source
This commit is contained in:
Gabriel Ferraz Nogueira 2023-02-05 12:57:09 -03:00
parent 3567162e07
commit 0a0d6f32fd
4 changed files with 36 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
styles/css/vtex.flex-layout.css
View File

@ -13,9 +13,6 @@
:global(.vtex-store-components-3-x-container) :global(.vtex-store-components-3-x-productImageTag) {
max-height: 664px !important;
}
:global(.vtex-store-components-3-x-container) :global(.vtex-store-components-3-x-carouselGaleryThumbs) :global(.vtex-store-components-3-x-figure--video) {
display: none;
}
.flexColChild :global(.vtex-store-components-3-x-productDescriptionTitle) {
margin-left: 32px;

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

@ -74,6 +74,22 @@
line-height: 19px;
}
.productImageTag {
width: auto !important;
}
.carouselGaleryThumbs :first-child {
height: 90px;
}
.carouselGaleryThumbs :first-child :first-child {
gap: 16px !important;
}
.carouselGaleryThumbs :first-child :first-child .productImagesThumb {
width: 13.605%;
height: fit-content !important;
margin: 0;
}
.productBrand {
display: flex;
justify-content: flex-end;

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

@ -4,15 +4,6 @@
:global(.vtex-store-components-3-x-productImageTag) {
max-height: 664px !important;
}
:global(.vtex-store-components-3-x-carouselGaleryThumbs) {
// display: none !important;
// :global(.vtex-store-components-3-x-carouselGaleryThumbs) > .swiper-wrapper {
// display: none;
// }
:global(.vtex-store-components-3-x-figure--video) {
display: none;
}
}
}
.flexColChild {

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

@ -71,6 +71,26 @@
}
}
.productImageTag {
width: auto !important;
}
.carouselGaleryThumbs {
:first-child {
height: 90px;
:first-child {
gap: 16px !important;
.productImagesThumb {
width: 13.605%;
height: fit-content !important;
margin: 0;
}
}
}
}
.productBrand {
display: flex;
justify-content: flex-end;