Gustavo_Rallenson_Goncalves_Da_Silva/challenge-vtex-io-Gustavo-Rallenson
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(cart-btn):estilizando cart-btn mobile

Browse Source
This commit is contained in:
Gustavo Rallenson Gonçalves Da Silva 2023-02-08 13:02:29 -03:00
parent 3fc37b03df
commit 3aa5f6a093
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -102,6 +102,21 @@
} }
} }
@media screen and (max-width: 1024px) { @media screen and (max-width: 1024px) {
.html--buy-button{
align-items: normal;
flex-direction: column;
}
.html--buy-button :global(.vtex-button){
max-width: 93.662%;
width: 100%;
height: 74px;
}
.html--buy-button :global(.vtex-button) :global(.vtex-button__label){
padding-left: 21.92%;
padding-right: 21.92%;
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.html--pdp-productMain{ .html--pdp-productMain{
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;