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

Make the discover page a little bit less THICC. Fixed an issue in the request page

Browse source
This commit is contained in:
twanariens 2020-05-13 01:14:45 +02:00
commit 9cd0822114
3 changed files with 46 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/Ombi/ClientApp/src/app/discover/components/discover/discover.component.scss
View file

@ -102,7 +102,7 @@
} }
} }
@media (min-width: 700px) { @media (min-width: 660px) {
.col-xl-2 { .col-xl-2 {
flex: 0 0 50%; flex: 0 0 50%;
max-width: 50%; max-width: 50%;
@ -138,7 +138,7 @@
} }
} }
@media (min-width: 1000px) { @media (min-width: 870px) {
.col-xl-2 { .col-xl-2 {
flex: 0 0 33.33333%; flex: 0 0 33.33333%;
max-width: 33.33333%; max-width: 33.33333%;
@ -146,7 +146,7 @@
} }
} }
@media (min-width: 1300px) { @media (min-width: 1100px) {
.col-xl-2 { .col-xl-2 {
flex: 0 0 20%; flex: 0 0 20%;
max-width: 25%; max-width: 25%;
@ -154,24 +154,40 @@
} }
} }
@media (min-width: 1600px) { @media (min-width: 1300px) {
.col-xl-2 { .col-xl-2 {
flex: 0 0 18%; flex: 0 0 18%;
max-width: 20%; max-width: 20%;
min-width: 20%; min-width: 20%;
} }
} }
@media (min-width: 1900px) { @media (min-width: 1600px) {
.col-xl-2 { .col-xl-2 {
flex: 0 0 16.66666667%; flex: 0 0 16.66666667%;
max-width: 16.66666667%; max-width: 16.66666667%;
min-width: 16.66666667%; min-width: 16.66666667%;
} }
} }
@media (min-width: 2200px) { @media (min-width: 1900px) {
.col-xl-2 { .col-xl-2 {
flex: 0 0 14.285713%; flex: 0 0 14.285713%;
max-width: 14.285713%; max-width: 14.285713%;
min-width: 14.285713%; min-width: 14.285713%;
} }
}
@media (min-width: 2200px) {
.col-xl-2 {
flex: 0 0 12.5%;
max-width: 12.5%;
min-width: 12.5%;
}
}
@media (min-width: 2500px) {
.col-xl-2 {
flex: 0 0 11.111111%;
max-width: 11.111111%;
min-width: 11.111111%;
}
} }

12
src/Ombi/ClientApp/src/app/requests-list/components/movies-grid/movies-grid.component.scss
View file

@ -34,4 +34,16 @@
::ng-deep .row { ::ng-deep .row {
margin-right:0; margin-right:0;
margin-left:0; margin-left:0;
}
@media (min-width: 500px) {
.justify-content-md-center {
justify-content: normal !important;
}
}
@media (min-width: 1170px){
.justify-content-md-center {
justify-content: center !important;
}
} }

12
src/Ombi/ClientApp/src/app/requests-list/components/requests-list.component.scss
View file

@ -50,4 +50,16 @@
::ng-deep .mat-column-actions{ ::ng-deep .mat-column-actions{
text-align:end; text-align:end;
}
@media (min-width: 500px) {
.justify-content-md-center {
justify-content: normal !important;
}
}
@media (min-width: 1170px){
.justify-content-md-center {
justify-content: center !important;
}
} }