Mobile css for the discover cards

pull/4003/head v4.0.1012
twanariens 4 years ago
parent 216c59dfc1
commit 5059e2ae0f

@ -3,7 +3,6 @@ $card-background: #2b2b2b;
#cardImage { #cardImage {
border-radius: 5px; border-radius: 5px;
height: 315px;
object-fit:cover; object-fit:cover;
} }

@ -41,22 +41,57 @@ export class CarouselListComponent implements OnInit {
private storageService: StorageService) { private storageService: StorageService) {
this.responsiveOptions = [ this.responsiveOptions = [
{ {
breakpoint: '2559px', breakpoint: '2800px',
numVisible: 11,
numScroll: 11
},
{
breakpoint: '2600px',
numVisible: 10,
numScroll: 10
},
{
breakpoint: '2400px',
numVisible: 9,
numScroll: 9
},
{
breakpoint: '2200px',
numVisible: 8,
numScroll: 8
},
{
breakpoint: '2000px',
numVisible: 7, numVisible: 7,
numScroll: 7 numScroll: 7
}, },
{ {
breakpoint: '1024px', breakpoint: '1800px',
numVisible: 6,
numScroll: 6
},
{
breakpoint: '1650px',
numVisible: 5,
numScroll: 5
},
{
breakpoint: '1500px',
numVisible: 4, numVisible: 4,
numScroll: 4 numScroll: 4
}, },
{
breakpoint: '1250px',
numVisible: 3,
numScroll: 3
},
{ {
breakpoint: '768px', breakpoint: '768px',
numVisible: 2, numVisible: 2,
numScroll: 2 numScroll: 2
}, },
{ {
breakpoint: '560px', breakpoint: '480px',
numVisible: 1, numVisible: 1,
numScroll: 1 numScroll: 1
} }

Loading…
Cancel
Save