mohiit1502/PictureStory
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added material io component card

Browse Source
This commit is contained in:
mohnagar1@publicisgroupe.net
2018-11-13 11:32:16 +05:30
parent 1a1f10719b
commit d3e9b016e5
6 changed files with 50 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/app/content/image-container/image/image.component.html
View File

@@ -1,4 +1,4 @@
<div class="card">
<!-- <div class="card">
<img class="card-img-top" src="{{image.imageUrl}}" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">{{image.imageTitle}}</h5>
@@ -13,4 +13,21 @@
<a href="#" class="card-link">Card link</a>
<a href="#" class="card-link">Another link</a>
</div>
</div>
</div> -->
<mat-card class="card">
<mat-card-header>
<div mat-card-avatar class="header-image"></div>
<mat-card-title>{{image.imageTitle}}</mat-card-title>
<mat-card-subtitle>Nature</mat-card-subtitle>
</mat-card-header>
<img mat-card-image src="{{image.imageUrl}}" alt="Photo of a Shiba Inu">
<mat-card-content>
<p>{{image.imageDescription}}</p>
</mat-card-content>
<mat-card-actions>
<button mat-button>LIKE</button>
<button mat-button>SHARE</button>
</mat-card-actions>
</mat-card>
<mat-divider></mat-divider>