Design other videos in watch video page
This commit is contained in:
parent
6a9e1d42f8
commit
41c3dfac99
|
@ -159,6 +159,10 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="other-videos">
|
<div class="other-videos">
|
||||||
|
<div class="title-page title-page-single">
|
||||||
|
Other videos
|
||||||
|
</div>
|
||||||
|
|
||||||
<div *ngFor="let video of otherVideos">
|
<div *ngFor="let video of otherVideos">
|
||||||
<my-video-miniature [video]="video" [user]="user"></my-video-miniature>
|
<my-video-miniature [video]="video" [user]="user"></my-video-miniature>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -158,6 +158,22 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.other-videos {
|
||||||
|
.title-page {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/deep/ .video-miniature {
|
||||||
|
display: flex;
|
||||||
|
height: 100%;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
|
||||||
|
.video-miniature-information {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue