honeymoose/sp-dev-fx-webparts
1
0
Fork 0
mirror of https://github.com/pnp/sp-dev-fx-webparts.git synced 2025-02-09 06:25:01 +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,
dots: true,
infinite: isInfinite,
slidesToShow: 3,
slidesToScroll: 3,
slidesToShow: 4,
slidesToScroll: 4,
speed: 500,
centerPadding: styles.centerPadding,
pauseOnHover: true,
@ -53,25 +53,32 @@ export class FilmstripLayout extends React.Component<
respondTo: "slider",
responsive: [
{
breakpoint: 625,
breakpoint: 499,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
},
{
breakpoint: 889,
breakpoint: 731,
settings: {
slidesToShow: 2,
slidesToScroll: 2
}
},
{
breakpoint: 964,
breakpoint: 963,
settings: {
slidesToShow: 3,
slidesToScroll: 3
}
},
{
breakpoint: 1028,
settings: {
slidesToShow: 4,
slidesToScroll: 4
}
}
]
};