diff options
3 files changed, 18 insertions, 0 deletions
diff --git a/src/DevHive.Angular/src/app/components/post-page/post-page.component.css b/src/DevHive.Angular/src/app/components/post-page/post-page.component.css index fec3466..50adee5 100644 --- a/src/DevHive.Angular/src/app/components/post-page/post-page.component.css +++ b/src/DevHive.Angular/src/app/components/post-page/post-page.component.css @@ -5,3 +5,15 @@ #content > * { width: 100%; } + +#back-btns { + width: 100%; + display: flex; +} + +.submit-btn { + flex: 1; + max-width: 98%; + margin: 0 auto; + margin-bottom: .5em; +} diff --git a/src/DevHive.Angular/src/app/components/post-page/post-page.component.html b/src/DevHive.Angular/src/app/components/post-page/post-page.component.html index 5a824a4..4f6f33d 100644 --- a/src/DevHive.Angular/src/app/components/post-page/post-page.component.html +++ b/src/DevHive.Angular/src/app/components/post-page/post-page.component.html @@ -1,3 +1,6 @@ <div id="content"> + <div id="back-btns"> + <button class="submit-btn" type="submit" (click)="backToFeed()">ᐊ Back to feed</button> + </div> <app-post [paramId]="postId.toString()"></app-post> <div> diff --git a/src/DevHive.Angular/src/app/components/post-page/post-page.component.ts b/src/DevHive.Angular/src/app/components/post-page/post-page.component.ts index 026f97f..56e146d 100644 --- a/src/DevHive.Angular/src/app/components/post-page/post-page.component.ts +++ b/src/DevHive.Angular/src/app/components/post-page/post-page.component.ts @@ -17,4 +17,7 @@ export class PostPageComponent implements OnInit { this.postId = Guid.parse(this._router.url.substring(6)); } + backToFeed(): void { + this._router.navigate(['/']); + } } |