diff --git a/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.scss b/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.scss index 91086d34d..df366c350 100644 --- a/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.scss +++ b/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.scss @@ -105,6 +105,8 @@ padding: 5px; } -::ng-deep .p-carousel-item{ - flex: 1 0 200px !important; +@media (min-width:755px){ + ::ng-deep .p-carousel-item{ + flex: 1 0 200px !important; + } } \ No newline at end of file diff --git a/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.ts b/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.ts index cfe3ef6dd..2c397e12e 100644 --- a/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.ts +++ b/src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.ts @@ -46,80 +46,80 @@ export class CarouselListComponent implements OnInit { { breakpoint: '4000px', numVisible: 17, - numScroll: 17 + numScroll: 16 }, { breakpoint: '3800px', numVisible: 16, - numScroll: 16 + numScroll: 15 }, { breakpoint: '3600px', numVisible: 15, - numScroll: 15 + numScroll: 14 }, { breakpoint: '3400px', numVisible: 14, - numScroll: 14 + numScroll: 13 }, { breakpoint: '3200px', numVisible: 13, - numScroll: 13 + numScroll: 12 }, { breakpoint: '3000px', numVisible: 12, - numScroll: 12 + numScroll: 11 }, { breakpoint: '2800px', numVisible: 11, - numScroll: 11 + numScroll: 10 }, { breakpoint: '2600px', numVisible: 10, - numScroll: 10 + numScroll: 9 }, { breakpoint: '2400px', numVisible: 9, - numScroll: 9 + numScroll: 8 }, { breakpoint: '2200px', numVisible: 8, - numScroll: 8 + numScroll: 7 }, { breakpoint: '2000px', numVisible: 7, - numScroll: 7 + numScroll: 6 }, { breakpoint: '1800px', numVisible: 6, - numScroll: 6 + numScroll: 5 }, { breakpoint: '1650px', numVisible: 5, - numScroll: 5 + numScroll: 4 }, { breakpoint: '1500px', numVisible: 4, - numScroll: 4 - }, - { - breakpoint: '1250px', - numVisible: 3, numScroll: 3 }, { breakpoint: '768px', + numVisible: 3, + numScroll: 2 + }, + { + breakpoint: '660px', numVisible: 2, numScroll: 2 }, diff --git a/src/Ombi/ClientApp/src/app/discover/components/discover/discover.component.scss b/src/Ombi/ClientApp/src/app/discover/components/discover/discover.component.scss index 0951061a1..d95586507 100644 --- a/src/Ombi/ClientApp/src/app/discover/components/discover/discover.component.scss +++ b/src/Ombi/ClientApp/src/app/discover/components/discover/discover.component.scss @@ -9,9 +9,4 @@ h2{ margin-top:40px; margin-left:40px; font-size: 24px; -} - -::ng-deep .p-carousel-item{ - min-height:290px; - max-height:290px; } \ No newline at end of file