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: ajusta alinhamento input cep 375px

Browse Source
This commit is contained in:
Rafael Sampaio de Oliveira 2023-02-10 12:08:54 -03:00
parent e5b7e69c7f
commit acf52c77d2
3 changed files with 33 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -18,7 +18,7 @@
[class*="html--buy-button"] { [class*="html--buy-button"] {
display: flex; display: flex;
gap: 10px; gap: 10px;
margin-bottom: 5px; margin: 6px 0 5px 0;
} }
[class*="html--buy-button"] :global(.vtex-button) { [class*="html--buy-button"] :global(.vtex-button) {
@ -71,10 +71,6 @@
width: 149.91px; width: 149.91px;
} }
[class*="html--buy-button"] {
margin-bottom: 16px;
}
[class*="html--descriptionImage"] { [class*="html--descriptionImage"] {
width: 100%; width: 100%;
} }
@ -88,6 +84,7 @@
[class*="html--buy-button"] { [class*="html--buy-button"] {
flex-direction: column; flex-direction: column;
gap: 0; gap: 0;
margin-bottom: 16px;
} }
[class*="html--product-quantity"] { [class*="html--product-quantity"] {

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

@ -554,3 +554,17 @@
margin-top: 32px; margin-top: 32px;
} }
} }
@media (max-width: 463px) {
.shippingContainer :global(.vtex-address-form__postalCode) {
width: 100%;
}
.shippingContainer :global(.vtex-button) {
left: unset;
right: 0;
}
.shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) {
left: unset;
right: 0;
top: 95%;
}
}

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

@ -580,3 +580,20 @@
margin-top: 32px; margin-top: 32px;
} }
} }
@media (max-width: 463px) {
.shippingContainer :global(.vtex-address-form__postalCode) {
width: 100%;
}
.shippingContainer :global(.vtex-button) {
left: unset;
right: 0;
}
.shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) {
left: unset;
right: 0;
top: 95%;
}
}