diff --git a/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.scss b/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.scss index cd486afd4..d11977c8d 100644 --- a/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.scss +++ b/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.scss @@ -3,7 +3,6 @@ $card-background: #2b2b2b; #cardImage { border-radius: 5px; - height: 315px; object-fit:cover; } 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 0279fbd06..f19a17b7e 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 @@ -41,22 +41,57 @@ export class CarouselListComponent implements OnInit { private storageService: StorageService) { 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, numScroll: 7 }, { - breakpoint: '1024px', + breakpoint: '1800px', + numVisible: 6, + numScroll: 6 + }, + { + breakpoint: '1650px', + numVisible: 5, + numScroll: 5 + }, + { + breakpoint: '1500px', numVisible: 4, numScroll: 4 }, + { + breakpoint: '1250px', + numVisible: 3, + numScroll: 3 + }, { breakpoint: '768px', numVisible: 2, numScroll: 2 }, { - breakpoint: '560px', + breakpoint: '480px', numVisible: 1, numScroll: 1 }