(fix)tamanhos das imagem do slid bottom

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

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);
} }
} }

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;
}

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;

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);}
} }

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;
} }

View File

@ -1,11 +1,10 @@
.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;
@ -21,8 +20,10 @@
.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");
@ -32,6 +33,7 @@
.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");