(fix)tamanhos das imagem do slid bottom
This commit is contained in:
parent
1ec8063f14
commit
9b7f6e4d4e
@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -15,3 +15,20 @@
|
||||
.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;
|
||||
}
|
@ -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;
|
||||
|
@ -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);}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
@ -1,11 +1,10 @@
|
||||
|
||||
.paginationDotsContainer
|
||||
|
||||
{
|
||||
.paginationDotsContainer {
|
||||
margin-top: 32px;
|
||||
display: flex;
|
||||
justify-items: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.paginationDot--carousel {
|
||||
background-color: black;
|
||||
|
||||
@ -21,8 +20,10 @@
|
||||
.sliderLayoutContainer--carousel {
|
||||
margin-bottom: 64px;
|
||||
padding: 0 40px 0 40px;
|
||||
|
||||
.sliderLeftArrow--carousel {
|
||||
visibility: hidden;
|
||||
|
||||
&::before {
|
||||
visibility: visible;
|
||||
content: url("https://agenciamagma.vtexassets.com/arquivos/arroe-left-ueber.png");
|
||||
@ -32,6 +33,7 @@
|
||||
|
||||
.sliderRightArrow--carousel {
|
||||
visibility: hidden;
|
||||
|
||||
&::after {
|
||||
visibility: visible;
|
||||
content: url("https://agenciamagma.vtexassets.com/arquivos/arroe-right-ueber.png");
|
||||
|
Loading…
Reference in New Issue
Block a user