HenriqueSantosSantana/challenge-vtex-io-henrique-santos-santana
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: media queries

Browse Source
This commit is contained in:
Henrique Santos Santana 2023-02-10 10:46:33 -03:00
parent 924a7c6471
commit 5f441f2f87
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -138,7 +138,7 @@
.flexRowContent--productActions .stretchChildrenWidth { .flexRowContent--productActions .stretchChildrenWidth {
width: auto !important; width: auto !important;
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 769px) {
.flexRowContent--productActions .stretchChildrenWidth:last-child { .flexRowContent--productActions .stretchChildrenWidth:last-child {
flex-grow: 1; flex-grow: 1;
} }
@ -147,7 +147,7 @@
.flexRowContent--productActions { .flexRowContent--productActions {
flex-direction: column; flex-direction: column;
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 769px) {
.flexRowContent--productActions { .flexRowContent--productActions {
flex-direction: row; flex-direction: row;
} }
@ -158,7 +158,7 @@
border: 0; border: 0;
border-radius: 0; border-radius: 0;
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 769px) {
.flexRowContent--productActions :global(.vtex-button) { .flexRowContent--productActions :global(.vtex-button) {
height: 49px; height: 49px;
} }

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

@ -130,7 +130,7 @@
width: auto !important; width: auto !important;
&:last-child { &:last-child {
@media screen and (min-width: 768px) { @media screen and (min-width: 769px) {
flex-grow: 1; flex-grow: 1;
} }
} }
@ -140,7 +140,7 @@
.flexRowContent--productActions { .flexRowContent--productActions {
flex-direction: column; flex-direction: column;
@media screen and (min-width: 768px) { @media screen and (min-width: 769px) {
flex-direction: row; flex-direction: row;
} }
@ -150,7 +150,7 @@
border: 0; border: 0;
border-radius: 0; border-radius: 0;
@media screen and (min-width: 768px) { @media screen and (min-width: 769px) {
height: 49px; height: 49px;
} }