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: altera css imagem descrição 1440px 1024px

Browse Source
This commit is contained in:
Rafael Sampaio de Oliveira 2023-02-03 07:21:02 -03:00
parent c4a14a8fb5
commit df837f04bf
5 changed files with 26 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
react/components/Html/styles.css
View File

@ -17,6 +17,10 @@
border-radius: 0; border-radius: 0;
} }
[class*="html--descriptionImage"] {
width: 46.471%;
}
[class*="html--descriptionText"] { [class*="html--descriptionText"] {
width: 50%; width: 50%;
} }
@ -30,6 +34,10 @@
margin-bottom: 16px; margin-bottom: 16px;
} }
[class*="html--descriptionImage"] {
width: 100%;
}
[class*="html--descriptionText"] { [class*="html--descriptionText"] {
width: 100%; width: 100%;
} }

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

@ -9,6 +9,8 @@
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap%27"); @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap%27");
/* Grid breakpoints */ /* Grid breakpoints */
.imageWrapper { .imageWrapper {
height: 100%;
width: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;

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

@ -40,12 +40,12 @@
} }
.sliderTrackContainer--shelf { .sliderTrackContainer--shelf {
width: 95.883%; width: 100%;
} }
.sliderLeftArrow--shelf { .sliderLeftArrow--shelf {
visibility: hidden; visibility: hidden;
margin-left: 17px; margin-left: 10px;
} }
.sliderLeftArrow--shelf::after { .sliderLeftArrow--shelf::after {
visibility: visible; visibility: visible;
@ -54,7 +54,7 @@
.sliderRightArrow--shelf { .sliderRightArrow--shelf {
visibility: hidden; visibility: hidden;
margin-right: 17px; margin-right: 8px;
} }
.sliderRightArrow--shelf::before { .sliderRightArrow--shelf::before {
visibility: visible; visibility: visible;

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

@ -1,5 +1,6 @@
.imageWrapper { .imageWrapper {
// height: 245px; height: 100%;
width: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;

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

@ -30,12 +30,12 @@
} }
.sliderTrackContainer--shelf { .sliderTrackContainer--shelf {
width: 95.883%; width: 100%;
} }
.sliderLeftArrow--shelf { .sliderLeftArrow--shelf {
visibility: hidden; visibility: hidden;
margin-left: 17px; margin-left: 10px;
&::after { &::after {
visibility: visible; visibility: visible;
@ -45,7 +45,7 @@
.sliderRightArrow--shelf { .sliderRightArrow--shelf {
visibility: hidden; visibility: hidden;
margin-right: 17px; margin-right: 8px;
&::before { &::before {
visibility: visible; visibility: visible;
@ -53,6 +53,14 @@
} }
} }
// .slide--shelf--visible {
// width: 5.1308% !important;
// }
// .slide--shelf--hidden {
// visibility: hidden;
// }
@media (max-width: 1024px) { @media (max-width: 1024px) {
.sliderTrack--shelf { .sliderTrack--shelf {
gap: 12px !important; gap: 12px !important;