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

feat: adiciona css no carouselGaleryThumbs

Browse Source
This commit is contained in:
SamuelCondack 2023-02-08 18:12:20 -03:00
parent 3329159322
commit db362ddb08
2 changed files with 18 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

@ -33,6 +33,11 @@
padding: 0; padding: 0;
margin: 16px 0; margin: 16px 0;
} }
@media (max-width: 1024px) {
:global(.vtex-flex-layout-0-x-flexRow) :global(.vtex-store-components-3-x-container) :global(.vtex-flex-layout-0-x-flexRowContent) {
margin-bottom: 50px;
}
}
.newsletter { .newsletter {
background: black; background: black;
@ -112,7 +117,7 @@
@media (max-width: 639px) { @media (max-width: 639px) {
.carouselGaleryThumbs { .carouselGaleryThumbs {
display: flex; display: flex;
width: 73%; width: 100%;
} }
} }
@ -545,6 +550,11 @@
.carouselGaleryThumbs :first-child { .carouselGaleryThumbs :first-child {
height: 90px; height: 90px;
} }
@media (max-width: 639px) {
.carouselGaleryThumbs :first-child {
margin: 0;
}
}
.carouselGaleryThumbs :first-child :first-child { .carouselGaleryThumbs :first-child :first-child {
gap: 16px !important; gap: 16px !important;
} }

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

@ -22,6 +22,9 @@
:global(.vtex-flex-layout-0-x-flexRowContent){ :global(.vtex-flex-layout-0-x-flexRowContent){
padding: 0; padding: 0;
margin: 16px 0; margin: 16px 0;
@media (max-width: 1024px){
margin-bottom: 50px;
}
} }
} }
} }
@ -105,7 +108,7 @@
width: 70%; width: 70%;
@media (max-width: 639px){ @media (max-width: 639px){
display: flex; display: flex;
width: 73%; width: 100%;
} }
} }
// .productImageTag{ // .productImageTag{
@ -572,6 +575,9 @@
.carouselGaleryThumbs { .carouselGaleryThumbs {
:first-child { :first-child {
height: 90px; height: 90px;
@media (max-width:639px){
margin: 0;
}
:first-child { :first-child {
gap: 16px !important; gap: 16px !important;