Displaying the last modified date of blog posts.

Gabri432 · Jun 9, 2024 · a2cc25c · a2cc25c
1 parent 7d8ae5e
commit a2cc25c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/app/routes/blog/sub-components/blog-displayer/blog-displayer.component.html b/src/app/routes/blog/sub-components/blog-displayer/blog-displayer.component.html
@@ -8,6 +8,7 @@ <h2>My blogs</h2>
             <a [routerLink]="'/'+ blog.link + '/.'" (click)="changeRoute(blog.link)">
                 <div class="image" id="image-{{colors[optionBar.indexOf(this.getTopic(blog.topics))]}}"></div>
                 <div class="title">{{blog.title}}</div>
+                <div class="date">{{blog.lastUpdateDate}}</div>
                 <div class="topics">
                 <span *ngFor="let topic of blog.topics">#{{topic}}<br /></span>
             </div>

diff --git a/src/app/routes/blog/sub-components/blog-displayer/blog-displayer.component.scss b/src/app/routes/blog/sub-components/blog-displayer/blog-displayer.component.scss
@@ -70,6 +70,11 @@ h2 {
         color: black;
         padding: 5%;
     }
+    .date {
+        padding: 5%;
+        font-size: 16px;
+        color: grey;
+    }
 
     #image-red { background-color: red;}
     #image-orange { background-color: orange;}