Cutoff is infixable, but cheated a bit with css.

pull/4221/head
twanariens 4 years ago
parent 72668d1c50
commit cd92b4db5b

@ -105,6 +105,8 @@
padding: 5px; padding: 5px;
} }
::ng-deep .p-carousel-item{ @media (min-width:755px){
flex: 1 0 200px !important; ::ng-deep .p-carousel-item{
flex: 1 0 200px !important;
}
} }

@ -46,80 +46,80 @@ export class CarouselListComponent implements OnInit {
{ {
breakpoint: '4000px', breakpoint: '4000px',
numVisible: 17, numVisible: 17,
numScroll: 17 numScroll: 16
}, },
{ {
breakpoint: '3800px', breakpoint: '3800px',
numVisible: 16, numVisible: 16,
numScroll: 16 numScroll: 15
}, },
{ {
breakpoint: '3600px', breakpoint: '3600px',
numVisible: 15, numVisible: 15,
numScroll: 15 numScroll: 14
}, },
{ {
breakpoint: '3400px', breakpoint: '3400px',
numVisible: 14, numVisible: 14,
numScroll: 14 numScroll: 13
}, },
{ {
breakpoint: '3200px', breakpoint: '3200px',
numVisible: 13, numVisible: 13,
numScroll: 13 numScroll: 12
}, },
{ {
breakpoint: '3000px', breakpoint: '3000px',
numVisible: 12, numVisible: 12,
numScroll: 12 numScroll: 11
}, },
{ {
breakpoint: '2800px', breakpoint: '2800px',
numVisible: 11, numVisible: 11,
numScroll: 11 numScroll: 10
}, },
{ {
breakpoint: '2600px', breakpoint: '2600px',
numVisible: 10, numVisible: 10,
numScroll: 10 numScroll: 9
}, },
{ {
breakpoint: '2400px', breakpoint: '2400px',
numVisible: 9, numVisible: 9,
numScroll: 9 numScroll: 8
}, },
{ {
breakpoint: '2200px', breakpoint: '2200px',
numVisible: 8, numVisible: 8,
numScroll: 8 numScroll: 7
}, },
{ {
breakpoint: '2000px', breakpoint: '2000px',
numVisible: 7, numVisible: 7,
numScroll: 7 numScroll: 6
}, },
{ {
breakpoint: '1800px', breakpoint: '1800px',
numVisible: 6, numVisible: 6,
numScroll: 6 numScroll: 5
}, },
{ {
breakpoint: '1650px', breakpoint: '1650px',
numVisible: 5, numVisible: 5,
numScroll: 5 numScroll: 4
}, },
{ {
breakpoint: '1500px', breakpoint: '1500px',
numVisible: 4, numVisible: 4,
numScroll: 4 numScroll: 3
}, },
{ {
breakpoint: '1250px', breakpoint: '768px',
numVisible: 3, numVisible: 3,
numScroll: 3 numScroll: 2
}, },
{ {
breakpoint: '768px', breakpoint: '660px',
numVisible: 2, numVisible: 2,
numScroll: 2 numScroll: 2
}, },

@ -9,9 +9,4 @@ h2{
margin-top:40px; margin-top:40px;
margin-left:40px; margin-left:40px;
font-size: 24px; font-size: 24px;
}
::ng-deep .p-carousel-item{
min-height:290px;
max-height:290px;
} }
Loading…
Cancel
Save