mirror of
https://github.com/Ombi-app/Ombi.git
synced 2025-08-19 12:59:39 -07:00
Only apply the grow animation on non-mobile devices
This commit is contained in:
parent
95ba89df44
commit
2809763dc4
4 changed files with 67 additions and 71 deletions
|
@ -17,13 +17,7 @@
|
|||
font-weight: bold;
|
||||
}
|
||||
|
||||
.grow {
|
||||
transition: all .2s ease-in-out;
|
||||
}
|
||||
|
||||
.grow:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
h3 strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
|
|
@ -1,5 +1,6 @@
|
|||
$ombi-primary:#3f3f3f;
|
||||
$card-background: #2b2b2b;
|
||||
|
||||
#cardImage {
|
||||
border-radius: 5px 5px 0px 0px;
|
||||
height: 75%;
|
||||
|
@ -34,6 +35,7 @@ $border-width: 3px;
|
|||
.requested {
|
||||
border-bottom: $border-width #ffd740 solid;
|
||||
}
|
||||
|
||||
.notrequested {
|
||||
border-bottom: $border-width #303030 solid;
|
||||
}
|
||||
|
@ -42,6 +44,8 @@ $border-width: 3px;
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
@media (min-width: 1025px) {
|
||||
|
||||
// Changed height to 100% to make all cards the same height
|
||||
.grow {
|
||||
transition: all .2s ease-in-out;
|
||||
|
@ -51,6 +55,7 @@ $border-width: 3px;
|
|||
.grow:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
}
|
||||
|
||||
::ng-deep mat-dialog-container.mat-dialog-container {
|
||||
// background-color: $ombi-primary;
|
||||
|
@ -68,7 +73,8 @@ $border-width: 3px;
|
|||
}
|
||||
|
||||
/* Summary adjust for Discover page */
|
||||
.small, small {
|
||||
.small,
|
||||
small {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,11 +1,4 @@
|
|||
|
||||
.grow-social {
|
||||
transition: all .2s ease-in-out;
|
||||
}
|
||||
.grow-social:hover {
|
||||
transform: scale(1.1);
|
||||
color: black;
|
||||
}
|
||||
|
||||
.media-icons.plex {
|
||||
color: #feb801 !important;
|
||||
|
|
|
@ -20,6 +20,7 @@
|
|||
.top-space {
|
||||
padding-top: 2%;
|
||||
}
|
||||
|
||||
.modal-panel {
|
||||
max-height: 100vh !important;
|
||||
max-width: 100vw !important;
|
||||
|
@ -73,6 +74,7 @@ body {
|
|||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: 1025px) {
|
||||
.grow {
|
||||
transition: all .2s ease-in-out;
|
||||
}
|
||||
|
@ -81,6 +83,7 @@ body {
|
|||
transform: scale(1.1);
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue