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

feat: Adicionado estilos mobile do carroussel

Browse Source
This commit is contained in:
Savio Carvalho Moraes 2023-02-10 15:22:02 -03:00
parent 6260212e86
commit e6c7d5004f
6 changed files with 31 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -48,4 +48,8 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.flexRowContent .stretchChildrenWidth {
width: 100% !important;
padding: 0;
}
} }

6
styles/css/vtex.product-identifier.css
View File

@ -30,3 +30,9 @@
line-height: 19px; line-height: 19px;
color: rgba(146, 146, 146, 0.48); color: rgba(146, 146, 146, 0.48);
} }
@media screen and (max-width: 1024px) and (min-width: 768px) {
.product-identifier--productReference {
justify-content: flex-start;
}
}

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

@ -17,13 +17,6 @@
max-height: none !important; max-height: none !important;
} }
/*
.productImagesGallerySlide {
.productImageTag {
width: 800px;
}
}
*/
.productImagesThumb { .productImagesThumb {
width: 100%; width: 100%;
max-width: 90px; max-width: 90px;
@ -386,4 +379,10 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.productBrand {
justify-content: flex-start;
}
.product-identifier--productReference {
justify-content: none;
}
} }

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

@ -41,5 +41,9 @@
.flexRowContent { .flexRowContent {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.stretchChildrenWidth {
width: 100% !important;
padding: 0;
}
} }
} }

5
styles/sass/pages/product/vtex.product-identifier.scss
View File

@ -17,3 +17,8 @@
line-height: 19px; line-height: 19px;
color: rgba(146, 146, 146, 0.48); color: rgba(146, 146, 146, 0.48);
} }
@media screen and (max-width: 1024px) and (min-width: 768px) {
.product-identifier--productReference {
justify-content: flex-start;
}
}

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

@ -1,18 +1,10 @@
.container { .container {
max-width: 100%; max-width: 100%;
//margin: 0 40px 0 40px !important;
padding: 0 40px 0 40px; padding: 0 40px 0 40px;
} }
.productImageTag { .productImageTag {
max-height: none !important; max-height: none !important;
} }
/*
.productImagesGallerySlide {
.productImageTag {
width: 800px;
}
}
*/
.productImagesThumb { .productImagesThumb {
width: 100%; width: 100%;
@ -379,4 +371,10 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.productBrand {
justify-content: flex-start;
}
.product-identifier--productReference {
justify-content: none;
}
} }