(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) {
|
@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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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;
|
||||||
|
}
|
@ -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;
|
||||||
|
@ -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);}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@ -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");
|
||||||
|
Loading…
Reference in New Issue
Block a user