Mobile css for the discover cards

Ombi-app · Jan 23, 2021 · 5059e2a · 5059e2a
1 parent 216c59d
commit 5059e2a
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 4 deletions.
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
@@ -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
@@ -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
             }