github/Ombi
1
0
Fork 0
mirror of https://github.com/Ombi-app/Ombi.git synced 2025-08-20 13:23:20 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Mobile css for the discover cards

Browse source
This commit is contained in:
twanariens 2021-01-23 21:06:45 +01:00
commit 5059e2ae0f
2 changed files with 38 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.scss
View file

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

41
src/Ombi/ClientApp/src/app/discover/components/carousel-list/carousel-list.component.ts
View file

@ -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
} }