mirror of https://github.com/Ombi-app/Ombi
parent
b93dea489d
commit
09f365c039
@ -0,0 +1,7 @@
|
|||||||
|
@import "~@angular/material/theming";
|
||||||
|
@import "~styles/variables.scss";
|
||||||
|
.actor-background {
|
||||||
|
.dark & {
|
||||||
|
background: $backgroundTint-dark;
|
||||||
|
}
|
||||||
|
}
|
@ -1,43 +1,43 @@
|
|||||||
<a *ngIf="homepage" class="media-icons" href="{{homepage}}" target="_blank">
|
<a *ngIf="homepage" class="media-icons" href="{{homepage}}" target="_blank">
|
||||||
<i matTooltip="Homepage" class="fa fa-home fa-2x grow"></i>
|
<i matTooltip="Homepage" class="fa fa-home fa-2x grow-social"></i>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a *ngIf="theMoviedbId" href="https://www.themoviedb.org/movie/theMoviedbId" class="media-icons"
|
<a *ngIf="theMoviedbId" href="https://www.themoviedb.org/movie/theMoviedbId" class="media-icons"
|
||||||
target="_blank">
|
target="_blank">
|
||||||
<i matTooltip="The Movie DB" class="fa fa-film fa-2x grow"></i>
|
<i matTooltip="The Movie DB" class="fa fa-film fa-2x grow-social"></i>
|
||||||
</a>
|
</a>
|
||||||
<a *ngIf="tvdbId" href="https://www.thetvdb.org/tv/{{tvdbId}}" class="media-icons" target="_blank">
|
<a *ngIf="tvdbId" href="https://www.thetvdb.org/tv/{{tvdbId}}" class="media-icons" target="_blank">
|
||||||
<i matTooltip="The TV DB" class="fa fa-tv fa-2x grow"></i>
|
<i matTooltip="The TV DB" class="fa fa-tv fa-2x grow-social"></i>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a *ngIf="hasTrailer" class="media-icons" (click)="openDialog()"><i
|
<a *ngIf="hasTrailer" class="media-icons" (click)="openDialog()"><i
|
||||||
matTooltip="Trailer" class="fa fa-youtube-play fa-2x grow"></i></a>
|
matTooltip="Trailer" class="fa fa-youtube-play fa-2x grow-social"></i></a>
|
||||||
|
|
||||||
<a *ngIf="imdbId" class="media-icons" href="https://imdb.com/title/{{imdbId}}"
|
<a *ngIf="imdbId" class="media-icons" href="https://imdb.com/title/{{imdbId}}"
|
||||||
target="_blank">
|
target="_blank">
|
||||||
<i matTooltip="Imdb" class="fa fa-imdb fa-2x grow"></i>
|
<i matTooltip="Imdb" class="fa fa-imdb fa-2x grow-social"></i>
|
||||||
</a>
|
</a>
|
||||||
<a *ngIf="twitter" class="media-icons"
|
<a *ngIf="twitter" class="media-icons"
|
||||||
href="https://twitter.com/{{twitter}}" target="_blank">
|
href="https://twitter.com/{{twitter}}" target="_blank">
|
||||||
<i matTooltip="Twitter" class="fa fa-twitter fa-2x grow"></i>
|
<i matTooltip="Twitter" class="fa fa-twitter fa-2x grow-social"></i>
|
||||||
</a>
|
</a>
|
||||||
<a *ngIf="facebook" class="media-icons"
|
<a *ngIf="facebook" class="media-icons"
|
||||||
href="https://facebook.com/{{facebook}}" target="_blank">
|
href="https://facebook.com/{{facebook}}" target="_blank">
|
||||||
<i matTooltip="Facebook" class="fa fa-facebook fa-2x grow"></i>
|
<i matTooltip="Facebook" class="fa fa-facebook fa-2x grow-social"></i>
|
||||||
</a> <a *ngIf="instagram" class="media-icons"
|
</a> <a *ngIf="instagram" class="media-icons"
|
||||||
href="https://instagram.com/{{instagram}}" target="_blank">
|
href="https://instagram.com/{{instagram}}" target="_blank">
|
||||||
<i matTooltip="Instagram" class="fa fa-instagram fa-2x grow"></i>
|
<i matTooltip="Instagram" class="fa fa-instagram fa-2x grow-social"></i>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<span class="left-seperator" *ngIf="available">
|
<span class="left-seperator" *ngIf="available">
|
||||||
<a *ngIf="plexUrl" class="media-icons" href="{{plexUrl}}" target="_blank">
|
<a *ngIf="plexUrl" class="media-icons" href="{{plexUrl}}" target="_blank">
|
||||||
<i matTooltip=" {{'Search.ViewOnPlex' | translate}}"
|
<i matTooltip=" {{'Search.ViewOnPlex' | translate}}"
|
||||||
class="fa fa-play-circle fa-2x grow"></i>
|
class="fa fa-play-circle fa-2x grow-social"></i>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a *ngIf="embyUrl" class="media-icons" href="{{embyUrl}}" target="_blank">
|
<a *ngIf="embyUrl" class="media-icons" href="{{embyUrl}}" target="_blank">
|
||||||
<i matTooltip=" {{'Search.ViewOnEmby' | translate}}"
|
<i matTooltip=" {{'Search.ViewOnEmby' | translate}}"
|
||||||
class="fa fa-play-circle fa-2x grow"></i>
|
class="fa fa-play-circle fa-2x grow-social"></i>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
</span>
|
</span>
|
@ -0,0 +1,8 @@
|
|||||||
|
|
||||||
|
.grow-social {
|
||||||
|
transition: all .2s ease-in-out;
|
||||||
|
}
|
||||||
|
.grow-social:hover {
|
||||||
|
transform: scale(1.1);
|
||||||
|
color: black;
|
||||||
|
}
|
Loading…
Reference in new issue