aboutsummaryrefslogtreecommitdiff
path: root/src/app/components/not-found
diff options
context:
space:
mode:
authorKamen Mladenov <kamen.d.mladenov@protonmail.com>2021-04-09 19:55:59 +0300
committerGitHub <noreply@github.com>2021-04-09 19:55:59 +0300
commitf849e37ccdd6fd48f83119a3b3b65cdd8b765dc3 (patch)
tree83b88a773bb7dc053bb3aced35bce302264ec925 /src/app/components/not-found
parentbcd88af53b1a920d728ec98b45daa9ac2e2c0917 (diff)
parentc13889759d70687de6833c505221c203f65fedb8 (diff)
downloadDevHive-Angular-main.tar
DevHive-Angular-main.tar.gz
DevHive-Angular-main.zip
Merge pull request #7 from Team-Kaleidoscope/devHEADv0.2main
Second Stage: Complete
Diffstat (limited to 'src/app/components/not-found')
-rw-r--r--src/app/components/not-found/not-found.component.html26
1 files changed, 17 insertions, 9 deletions
diff --git a/src/app/components/not-found/not-found.component.html b/src/app/components/not-found/not-found.component.html
index 8394810..4d1165d 100644
--- a/src/app/components/not-found/not-found.component.html
+++ b/src/app/components/not-found/not-found.component.html
@@ -1,10 +1,18 @@
-<div id="content">
- <div class="title">
- Page not found!
+<main class="centered-content flex-col flex-center-align-items flex-justify-center height-full">
+ <div class="card width-full padding-dot6">
+ <summary class="title">
+ Page not found!
+ </summary>
+ <hr class="card-hr">
+ <nav class="flex-row flexible-children padding-dot2">
+ <button class="flex-row flex-justify-center flex-center-align-items border-faded-slim padding-dot3 lighter-hover click-effect border-radius-dot3 margin-right-dot2" (click)="backToFeed()">
+ <img src="/assets/icons/tabler-icon-home.svg">
+ &nbsp;Back to feed
+ </button>
+ <button class="flex-row flex-justify-center flex-center-align-items border-faded-slim padding-dot3 lighter-hover click-effect border-radius-dot3" (click)="backToLogin()">
+ <img src="/assets/icons/tabler-icon-login.svg">
+ &nbsp;Back to login
+ </button>
+ </nav>
</div>
- <hr>
- <div id="back-btns">
- <button class="submit-btn" type="submit" (click)="backToFeed()">Back to feed</button>
- <button class="submit-btn" type="submit" (click)="backToLogin()">Back to login</button>
- </div>
-</div>
+</main>