Rafael_Sampaio_de_Oliveira/challenge-vtex-io-rafael-sampaio
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: ajusta css prateleira 1440px

Browse Source
This commit is contained in:
Rafael Sampaio de Oliveira 2023-02-01 10:52:02 -03:00
parent d24d6daab0
commit 9cb1beacc2
4 changed files with 34 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -22,3 +22,7 @@
text-align: center; text-align: center;
color: #000000; color: #000000;
} }
.containerNormal {
max-width: 314px !important;
}

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

@ -27,8 +27,20 @@
background: transparent; background: transparent;
} }
.sliderLayoutContainer--shelf {
padding-left: 40px !important;
padding-right: 40px !important;
display: flex;
justify-content: center;
}
.sliderTrackContainer--shelf {
max-width: 1304px;
}
.sliderLeftArrow--shelf { .sliderLeftArrow--shelf {
visibility: hidden; visibility: hidden;
margin-left: 17px;
} }
.sliderLeftArrow--shelf::after { .sliderLeftArrow--shelf::after {
visibility: visible; visibility: visible;
@ -37,6 +49,7 @@
.sliderRightArrow--shelf { .sliderRightArrow--shelf {
visibility: hidden; visibility: hidden;
margin-right: 17px;
} }
.sliderRightArrow--shelf::before { .sliderRightArrow--shelf::before {
visibility: visible; visibility: visible;

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

@ -12,3 +12,7 @@
text-align: center; text-align: center;
color: $color-black; color: $color-black;
} }
.containerNormal {
max-width: 314px !important;
}

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

@ -17,8 +17,20 @@
background: transparent; background: transparent;
} }
.sliderLayoutContainer--shelf {
padding-left: 40px !important;
padding-right: 40px !important;
display: flex;
justify-content: center;
}
.sliderTrackContainer--shelf {
max-width: 1304px;
}
.sliderLeftArrow--shelf { .sliderLeftArrow--shelf {
visibility: hidden; visibility: hidden;
margin-left: 17px;
&::after { &::after {
visibility: visible; visibility: visible;
@ -28,6 +40,7 @@
.sliderRightArrow--shelf { .sliderRightArrow--shelf {
visibility: hidden; visibility: hidden;
margin-right: 17px;
&::before { &::before {
visibility: visible; visibility: visible;