PatrickReisSantos/m3-academy-template-checkout-Patrick-Reis
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: adiciona responsividade slick

Browse Source
This commit is contained in:
Patrick Reis Santos 2022-12-26 23:28:58 -03:00
parent ff5f79a006
commit 76e1825cdc
3 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
checkout/src/arquivos/js/components/Footer.js
View File

@ -31,14 +31,14 @@ export default class Footer {
slidesToScroll: 1, slidesToScroll: 1,
responsive: [ responsive: [
{ {
breakpoint: 1025, breakpoint: 1026,
settings: { settings: {
slidesToShow: 3, slidesToShow: 3,
slidesToScroll: 1, slidesToScroll: 1,
}, },
}, },
{ {
breakpoint: 375, breakpoint: 376,
settings: { settings: {
slidesToShow: 2, slidesToShow: 2,
slidesToScroll: 1, slidesToScroll: 1,

5
checkout/src/arquivos/sass/partials/_footer.scss
View File

@ -53,11 +53,16 @@
} }
&__developedBy { &__developedBy {
display: flex;
order: 3;
align-items: center; align-items: center;
display: flex; display: flex;
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
gap: 11px; gap: 11px;
@media (min-width: 280px) and (max-width: 1024px) {
order: 3;
}
li:last-child { li:last-child {
margin-left: 16px; margin-left: 16px;

5
checkout/src/arquivos/sass/partials/_prateleira.scss
View File

@ -47,6 +47,11 @@
width: 242px; width: 242px;
justify-content: center; justify-content: center;
margin-bottom: 20px; margin-bottom: 20px;
@media (min-width: 280px) and (max-width: 1024px) {
display: flex;
flex-wrap: wrap;
width: 94.5%;
}
} }
.span-item-name { .span-item-name {