(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) {
.flexRowContent--description {
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

@ -14,4 +14,21 @@
.slideChildrenContainer .sliderTrackContainer .sliderLeftArrow,
.slideChildrenContainer .sliderTrackContainer .sliderRightArrow {
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");
/* Grid breakpoints */
.paginationDotsContainer {
margin-top: 32px;
display: flex;
justify-items: center;
align-items: center;

View File

@ -91,9 +91,14 @@ margin-left: 10px;
}
.flexRowContent--description {
border-bottom: 1px solid rgba(0,0,0,0.1);
@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;
}
}
}
.imageContainer{
height: 314.4px ;
.imageNormal{
height: 100%;
max-height: 100%;
}
@include mq (cstm, max) {
height: 124.8px;
}
}
.containerNormal {
padding-bottom: 32px;
}

View File

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