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

(fix)tamanhos das imagem do slid bottom

Browse Source
This commit is contained in:
Ueber James Santos 2023-02-10 15:07:03 -03:00
parent 1ec8063f14
commit 9b7f6e4d4e
6 changed files with 66 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -84,12 +84,16 @@
} }
} }
.flexRowContent--description {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 1024px) { @media only screen and (max-width: 1024px) {
.flexRowContent--description { .flexRowContent--description {
margin-bottom: 0px; margin-bottom: 0px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
}
@media only screen and (max-width: 425px) {
.flexRowContent--description {
margin-bottom: 0px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
} }
} }

17
styles/css/vtex.product-summary.css
View File

@ -15,3 +15,20 @@
.slideChildrenContainer .sliderTrackContainer .sliderRightArrow { .slideChildrenContainer .sliderTrackContainer .sliderRightArrow {
margin-bottom: 40px; margin-bottom: 40px;
} }
.imageContainer {
height: 314.4px;
}
.imageContainer .imageNormal {
height: 100%;
max-height: 100%;
}
@media only screen and (max-width: 425px) {
.imageContainer {
height: 124.8px;
}
}
.containerNormal {
padding-bottom: 32px;
}

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

@ -9,6 +9,7 @@
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
/* Grid breakpoints */ /* Grid breakpoints */
.paginationDotsContainer { .paginationDotsContainer {
margin-top: 32px;
display: flex; display: flex;
justify-items: center; justify-items: center;
align-items: center; align-items: center;

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

@ -91,9 +91,14 @@ margin-left: 10px;
} }
.flexRowContent--description { .flexRowContent--description {
border-bottom: 1px solid rgba(0,0,0,0.1);
@include mq (md, max) { @include mq (md, max) {
margin-bottom: 0px;} margin-bottom: 0px;
border-bottom: 1px solid rgba(0,0,0,0.1);}
@include mq (cstm, max) {
margin-bottom: 0px;
border-bottom: 1px solid rgba(0,0,0,0.1);}
} }

21
styles/sass/pages/product/vtex.product-summary.scss
View File

@ -7,8 +7,25 @@
margin-bottom: 40px; margin-bottom: 40px;
} }
} }
}
.imageContainer{
height: 314.4px ;
.imageNormal{
height: 100%;
max-height: 100%;
}
@include mq (cstm, max) {
height: 124.8px;
}
}
.containerNormal {
padding-bottom: 32px;
} }

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

@ -1,42 +1,44 @@
.paginationDotsContainer {
.paginationDotsContainer margin-top: 32px;
{
display: flex; display: flex;
justify-items: center; justify-items: center;
align-items: center; align-items: center;
} }
.paginationDot--carousel {
.paginationDot--carousel {
background-color: black; background-color: black;
} }
.paginationDot--carousel--isActive{ .paginationDot--carousel--isActive {
background-color: white; background-color: white;
border: 1px solid black; border: 1px solid black;
width: 17px !important; width: 17px !important;
height: 17px !important; height: 17px !important;
} }
.sliderLayoutContainer--carousel{ .sliderLayoutContainer--carousel {
margin-bottom: 64px; margin-bottom: 64px;
padding: 0 40px 0 40px; padding: 0 40px 0 40px;
.sliderLeftArrow--carousel{
.sliderLeftArrow--carousel {
visibility: hidden; visibility: hidden;
&::before{
&::before {
visibility: visible; visibility: visible;
content: url("https://agenciamagma.vtexassets.com/arquivos/arroe-left-ueber.png"); content: url("https://agenciamagma.vtexassets.com/arquivos/arroe-left-ueber.png");
} }
} }
.sliderRightArrow--carousel{ .sliderRightArrow--carousel {
visibility: hidden; visibility: hidden;
&::after{
&::after {
visibility: visible; visibility: visible;
content: url("https://agenciamagma.vtexassets.com/arquivos/arroe-right-ueber.png"); content: url("https://agenciamagma.vtexassets.com/arquivos/arroe-right-ueber.png");
} }
} }
} }