diff --git a/src/app/post/components/post-list/post-list.component.html b/src/app/post/components/post-list/post-list.component.html index 01056ea4fe41fb4ec3421d2dbcc05e297ae26ec5..31e1c5dba7bb34e3d7fd095f745636e8b07a95ea 100644 --- a/src/app/post/components/post-list/post-list.component.html +++ b/src/app/post/components/post-list/post-list.component.html @@ -27,6 +27,11 @@ <app-post-card [post]="news" class="col" *ngFor="let news of allPosts"></app-post-card> </div> </div> + <div *ngIf="!lastPage" fxLayout="row" fxLayoutAlign="center center"> + <button class="btn-primary small" (click)="loadMore()"> + <div class="rowBtn" fxLayout="row" fxLayoutAlign="center center">Voir plus</div> + </button> + </div> </div> </div> </div> diff --git a/src/app/post/components/post-list/post-list.component.scss b/src/app/post/components/post-list/post-list.component.scss index 6e13a58170bdc044eeee2bf5f6b922e0b2aef762..dad8b06faed85fcf99df64cd1cfa6c47fd451644 100644 --- a/src/app/post/components/post-list/post-list.component.scss +++ b/src/app/post/components/post-list/post-list.component.scss @@ -239,3 +239,6 @@ h2 { margin-bottom: 0; } } +.btn-primary { + margin-bottom: 20px; +}