diff options
| author | FivePixels <o5pxels@gmail.com> | 2021-04-11 09:52:58 -0400 |
|---|---|---|
| committer | FivePixels <o5pxels@gmail.com> | 2021-04-11 09:52:58 -0400 |
| commit | 051551d27d9f4d72e9437ed4437fea5e629ef9dd (patch) | |
| tree | 643c21692ffb96bb89044714d3b431984d57de5b | |
| parent | 6f410bec419066ed5ad6bd996249e82d1a801a7d (diff) | |
| download | StreamFinder-051551d27d9f4d72e9437ed4437fea5e629ef9dd.tar.xz StreamFinder-051551d27d9f4d72e9437ed4437fea5e629ef9dd.zip | |
film ui changes
| -rw-r--r-- | src/web/src/app/film/film.component.html | 43 |
1 files changed, 13 insertions, 30 deletions
diff --git a/src/web/src/app/film/film.component.html b/src/web/src/app/film/film.component.html index 0619f72..783ccc0 100644 --- a/src/web/src/app/film/film.component.html +++ b/src/web/src/app/film/film.component.html @@ -2,28 +2,19 @@ <div class="wrapper-content" *ngIf="!loading"> <div class="wrapper-wrapper container"> <div class="main-div container row mx-0 py-4" style="color: white"> - <div - class="col-md-12 col-lg-4 col-s-6 d-flex justify-content-center align-items-center flex-column" - > + <div class="col-md-12 col-lg-4 col-s-6 d-flex justify-content-center align-items-center flex-column"> <div class="p-s-5 p-lg-0"> - <img - [src]="getImage() ? getImage() : ''" - class="img-s img-fluid" - /> + <img [src]="getImage() ? getImage() : ''" class="img-s img-fluid" /> </div> </div> <div class="description m-auto col-md-12 col-lg-8 px-5 pb-0"> - <h1 - class="mt-3 mb-4 pl-0 text-center" - style="font-size: xxx-large" - > + <h1 class="mt-3 mb-4 pl-0 text-center" style="font-size: xxx-large"> <strong> {{ - type === "tv" - ? model.name - : model.original_title - }}</strong - > + type === "tv" + ? model.name + : model.original_title + }}</strong> </h1> <p class="mt-4 text-justify" style="font-size: larger"> {{ model.overview }} @@ -32,23 +23,17 @@ </div> <div class="h-auto container row"> <div class="main-div container p-5"> - <h1 class="" style="color: white; font-size: xxx-large"> + <h1 class="" style="color: white; font-size: xxx-large; text-align: center;"> Watch It Here </h1> <div class="cards-list pt-4"> - <div - class="card" - *ngFor="let item of providers; let i = index" - > + <div class="card" *ngFor="let item of providers; let i = index"> <div class="card-img"> - <img - class="p-3" - [src]=" + <img class="p-3" [src]=" '../../assets/img/platforms/' + getProviderImage(i) + '.png' - " - /> + " /> </div> <div class="card_title title-white"> {{ getPrice(i) }} @@ -61,11 +46,9 @@ </div> <div class="wrapper-content" *ngIf="loading"> <div class="wrapper-wrapper container"> - <div - class="container main-div d-flex justify-content-center align-items-center h-100" - > + <div class="container main-div d-flex justify-content-center align-items-center h-100"> <mat-spinner color="primary" mode="indeterminate"></mat-spinner> </div> </div> </div> -</div> +</div>
\ No newline at end of file |