AdilsonFernandoNevesOrnellas/challenge-vtex-io-Adilson-Fernando-Neves-Ornellas
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

hotfix: revendo parte03 todo css, deixando mais responsivo e proximo ao figma possivel

Browse Source
This commit is contained in:
Adilson Fernando Neves Ornellas 2023-01-29 23:14:57 -03:00
parent c9225bc5dd
commit cf4ccf3724
7 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -12,7 +12,7 @@
display: flex; display: flex;
gap: 10px; gap: 10px;
} }
@media (max-width: 1024px) { @media (max-width: 768px) {
[class*="html--quantidadeEBuy"] { [class*="html--quantidadeEBuy"] {
display: flex; display: flex;
flex-direction:column; flex-direction:column;

3
styles/css/vtex.flex-layout.css
View File

@ -40,8 +40,8 @@
font-weight: 300; font-weight: 300;
font-size: 20px; font-size: 20px;
line-height: 34px; line-height: 34px;
text-align: right;
color: #575757; color: #575757;
margin-bottom: 8px;
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
.flexColChild--info-availability .flexRow--divNomeProduct { .flexColChild--info-availability .flexRow--divNomeProduct {
@ -94,6 +94,7 @@
font-size: 20px; font-size: 20px;
line-height: 34px; line-height: 34px;
color: #575757; color: #575757;
margin-bottom: 8px;
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
.flexCol--divInfoProduct .flexRow--divNomeProduct { .flexCol--divInfoProduct .flexRow--divNomeProduct {

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

@ -66,8 +66,8 @@
.newsletter--newsletter .container--newsletter { .newsletter--newsletter .container--newsletter {
background-color: black; background-color: black;
color: #fff; color: #fff;
margin-top: 67px; margin-top: 67px !important;
padding-top: 32px; padding-top: 32px !important;
padding-bottom: 16px !important; padding-bottom: 16px !important;
border: 0; border: 0;
} }

1
styles/css/vtex.tab-layout.css
View File

@ -72,5 +72,6 @@
.container--estrutura .contentContainer--listRender { .container--estrutura .contentContainer--listRender {
margin-left: 0px; margin-left: 0px;
padding-right: 0px; padding-right: 0px;
border-bottom: 1px solid #bfbfbf;
} }
} }

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

@ -27,8 +27,8 @@
font-weight: 300; font-weight: 300;
font-size: 20px; font-size: 20px;
line-height: 34px; line-height: 34px;
text-align: right;
color: #575757; color: #575757;
margin-bottom: 8px ;
@media (max-width: 1024px) { @media (max-width: 1024px) {
text-align: left; text-align: left;
} }
@ -79,6 +79,7 @@
font-size: 20px; font-size: 20px;
line-height: 34px; line-height: 34px;
color: #575757; color: #575757;
margin-bottom: 8px;
@media (max-width: 1024px) { @media (max-width: 1024px) {
text-align: left; text-align: left;
} }

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

@ -50,8 +50,8 @@
.container--newsletter { .container--newsletter {
background-color: $color-black; background-color: $color-black;
color: $color-white; color: $color-white;
margin-top: 67px; margin-top: 67px !important;
padding-top: 32px; padding-top: 32px !important;
padding-bottom: 16px !important; padding-bottom: 16px !important;
border: 0; border: 0;
} }

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

@ -1,6 +1,8 @@
.container--estrutura { .container--estrutura {
padding-left: 40px !important ; padding-left: 40px !important ;
padding-right: 40px !important; padding-right: 40px !important;
// @media (max-width: 1024px) {
// }
.listContainer--Guias { .listContainer--Guias {
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
@ -56,6 +58,7 @@
@media (max-width: 1024px) { @media (max-width: 1024px) {
margin-left: 0px; margin-left: 0px;
padding-right: 0px; padding-right: 0px;
border-bottom: 1px solid #bfbfbf;
} }
} }
} }