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

Merge branch 'master' of https://github.com/mohiit1502/PictureStory

Browse Source
This commit is contained in:
Mohit Nagar
2020-05-04 22:46:28 +05:30
parent 350f08df5a 1e6c412ba6
commit 19d389c694
12 changed files with 2724 additions and 2158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -17,7 +17,7 @@
<mat-card class="card">
<mat-card-header>
<div mat-card-avatar class="header-image"></div>
<div mat-card-avatar [ngStyle]="{background: 'url(' + image.imageUrl + ')'}" class="header-image"></div>
<mat-card-title>{{image.imageTitle}}</mat-card-title>
<mat-card-subtitle>Nature</mat-card-subtitle>
</mat-card-header>

20
src/app/content/image-container/image/image.component.scss
View File

@@ -15,19 +15,19 @@
overflow: auto
}
.image-card {
max-width: 400px;
}
// .image-card {
// max-width: 400px;
// }
.image {
background-image: url('https://material.angular.io/assets/img/examples/shiba1.jpg');
background-size: cover;
max-width: 400px;
}
// .image {
// background-image: url('https://material.angular.io/assets/img/examples/shiba1.jpg');
// background-size: cover;
// max-width: 400px;
// }
.header-image {
background-image: url('https://material.angular.io/assets/img/examples/shiba1.jpg');
background-size: cover;
// background-image: url('https://material.angular.io/assets/img/examples/shiba1.jpg');
background-size: contain;
}
mat-divider {