honeymoose/sp-dev-fx-webparts
1
0
Fork 0
mirror of https://github.com/pnp/sp-dev-fx-webparts.git synced 2025-02-09 22:44:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed breakpoints

Browse Source
This commit is contained in:
Hugo Bernier 2019-08-18 01:09:49 -04:00
parent 350110d18d
commit 06b0d619b2
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
samples/react-calendar-feed/src/shared/components/filmstripLayout/FilmstripLayout.tsx
View File

@ -42,8 +42,8 @@ export class FilmstripLayout extends React.Component<
autoplaySpeed: 5000, autoplaySpeed: 5000,
dots: true, dots: true,
infinite: isInfinite, infinite: isInfinite,
slidesToShow: 3, slidesToShow: 4,
slidesToScroll: 3, slidesToScroll: 4,
speed: 500, speed: 500,
centerPadding: styles.centerPadding, centerPadding: styles.centerPadding,
pauseOnHover: true, pauseOnHover: true,
@ -53,25 +53,32 @@ export class FilmstripLayout extends React.Component<
respondTo: "slider", respondTo: "slider",
responsive: [ responsive: [
{ {
breakpoint: 625, breakpoint: 499,
settings: { settings: {
slidesToShow: 1, slidesToShow: 1,
slidesToScroll: 1 slidesToScroll: 1
} }
}, },
{ {
breakpoint: 889, breakpoint: 731,
settings: { settings: {
slidesToShow: 2, slidesToShow: 2,
slidesToScroll: 2 slidesToScroll: 2
} }
}, },
{ {
breakpoint: 964, breakpoint: 963,
settings: { settings: {
slidesToShow: 3, slidesToShow: 3,
slidesToScroll: 3 slidesToScroll: 3
} }
},
{
breakpoint: 1028,
settings: {
slidesToShow: 4,
slidesToScroll: 4
}
} }
] ]
}; };