zoriya/Kyoo.Angular
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.Angular.git synced 2026-06-01 02:19:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

change overview display

Browse Source
This commit is contained in:
Diabltica
2021-08-16 13:34:26 +02:00
parent 0df9ea2131
commit 6c8504780e
2 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/homepage/homepage.component.html
+5 -3
View File
@@ -6,7 +6,9 @@
<div class="textBox">
<h1><p class="title">{{this.show.title}}</p></h1>
<p class="show-overview">{{this.show.overview}}</p>
<div class="show-overview">
{{this.show.overview}}
</div>
<button mat-raised-button matTooltipPosition="above" matTooltip="Info" class="mr-5" color="accent" (click)="infoClicked()">
More infos <mat-icon>info</mat-icon>
@@ -19,13 +21,13 @@
</div>
<br>
<div class="arrival">
<h3><p class="title">New Arrival</p></h3>
<h3><p class="title">| New Arrival</p></h3>
<app-episodes-list [episodes]="episodes[season]"></app-episodes-list>
</div>
<br>
<br>
<div class="resume">
<h3><p class="title">Resume</p> </h3>
<h3><p class="title">| Resume</p> </h3>
<app-episodes-list [episodes]="episodes[season]"></app-episodes-list>
</div>
</div>
src/app/pages/homepage/homepage.component.scss
+7 -2
View File
@@ -33,7 +33,7 @@
bottom: 0;
left: 0;
right: 0;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%),
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(11, 18, 41) 100%),
linear-gradient(to left,rgba(0, 0, 0, 0.7),rgba(0,0,0,0),rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 1));
//@include media-breakpoint-down(md){
// background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(11, 18, 41) 100%),
@@ -61,7 +61,7 @@
@include media-breakpoint-up(lg)
{
position: absolute;
position: relative;
top:30vh;
right: 70%;
}
@@ -109,3 +109,8 @@
{
padding-left: 2.5em;
}
.show-overview
{
overflow: scroll;
height: 10em;
}