fhsons/website
fhsons/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

Styled store categories

Browse Source
This commit is contained in:
Zakary Timson 2018-07-14 11:56:56 -04:00
parent 70c7f1133c
commit 177a671c69
1 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/app/store/categories.component.html
View File

@ -1,13 +1,15 @@
<div class="container">
<div class="row py-5">
<ng-container *ngFor="let c of categories | async">
<mat-card *ngIf="c.ready">
<img mat-card-image [src]="c.image | async" [alt]="c.name">
<mat-divider class="custom-line"></mat-divider>
<mat-card-content>
<h3>{{c.name}}</h3>
</mat-card-content>
</mat-card>
</ng-container>
<div class="container-fluid" style="background-color: #53709f;">
<div class="container">
<div class="row py-5">
<ng-container *ngFor="let c of categories | async">
<mat-card *ngIf="c.ready" class="m-3">
<img mat-card-image [src]="c.image | async" [alt]="c.name" style="width: 200px; height: 200px;">
<mat-divider class="custom-line"></mat-divider>
<mat-card-content>
<h5>{{c.name}}</h5>
</mat-card-content>
</mat-card>
</ng-container>
</div>
</div>
</div>