Amandaalmeida/challenge-vtex-io-amanda-almeida
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(responsividade): corrige alguns bugs de responsividade

Browse Source
This commit is contained in:
amanda almeida 2023-02-10 15:46:08 -03:00
parent 9704979578
commit fbb6395a06
6 changed files with 14 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -56,7 +56,7 @@
}
[class*="html--stack-layout"],
[class*="html--right-col"] {
width: 50%;
width: 49.131%;
}
}

2
styles/css/vtex.menu.css
View File

@ -84,7 +84,7 @@
color: #929292;
}
@media screen and (max-width: 1024px) {
@media screen and (max-width: 1025px) {
.menuContainerNav {
margin-left: 20px;
}

13
styles/css/vtex.store-components.css
View File

@ -85,7 +85,7 @@
color: #AEAEAE;
}
@media screen and (max-width: 1024px) {
@media screen and (max-width: 1025px) {
.searchBarContainer {
max-width: 100%;
position: absolute;
@ -396,7 +396,6 @@
.productImagesContainer--description {
width: 50%;
max-width: 632px;
max-height: 632px;
}
@ -563,11 +562,15 @@
max-height: 904px !important;
}
.productImagesContainer--description {
width: 49.0999%;
max-height: 872px;
}
.productImageTag--main {
max-height: 872px !important;
}
.productDescriptionContainer {
width: 49.0999%;
}
.productDescriptionTitle {
margin-bottom: 16px;
font-size: 32px;
@ -577,11 +580,6 @@
font-size: 18px;
line-height: 25px;
}
.productImagesContainer--description {
width: 100%;
max-width: 872px;
max-height: 872px;
}
}
@media screen and (max-width: 1024px) {
.productImageTag--main {
@ -592,7 +590,6 @@
}
.productImagesContainer--description {
width: 100%;
max-width: 100%;
max-height: 944px;
}
.productDescriptionContainer {

2
styles/sass/pages/header/vtex.menu.scss
View File

@ -18,7 +18,7 @@
}
}
@media screen and (max-width: 1024px) {
@media screen and (max-width: 1025px) {
.menuContainerNav {
margin-left: 20px;
}

2
styles/sass/pages/header/vtex.store-components.scss
View File

@ -87,7 +87,7 @@
}
}
@media screen and (max-width: 1024px) {
@media screen and (max-width: 1025px) {
.searchBarContainer {
max-width: 100%;
position: absolute;

13
styles/sass/pages/product/vtex.store-components.scss
View File

@ -337,7 +337,6 @@
.productImagesContainer--description {
width: 50%;
max-width: 632px;
max-height: 632px;
}
@ -551,6 +550,7 @@
}
.productImagesContainer--description {
width: 49.0999%;
max-height: 872px;
}
@ -558,6 +558,10 @@
max-height: 872px !important;
}
.productDescriptionContainer {
width: 49.0999%;
}
.productDescriptionTitle {
margin-bottom: 16px;
font-size: 32px;
@ -568,12 +572,6 @@
font-size: 18px;
line-height: 25px;
}
.productImagesContainer--description {
width: 100%;
max-width: 872px;
max-height: 872px;
}
}
@ -589,7 +587,6 @@
.productImagesContainer--description {
width: 100%;
max-width: 100%;
max-height: 944px;
}