feat: 💄 Enhance 404 page style

Kwaadpepper · Oct 4, 2024 · 0bb801c · 0bb801c
1 parent 9acaba7
commit 0bb801c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/app/pages/not-found/not-found.component.html b/src/app/pages/not-found/not-found.component.html
@@ -1,4 +1,4 @@
 <div class="center">
   <h2 i18n>No corresponding page found</h2>
-  <a routerLink="" i18n>Go back</a>
+  <sl-button class="teal action-button" routerLink="" i18n>Go back</sl-button>
 </div>
diff --git a/src/app/pages/not-found/not-found.component.scss b/src/app/pages/not-found/not-found.component.scss
@@ -1,8 +1,15 @@
+@use 'sass/partials/teal-button';
+
 .center {
   display: flex;
   width: 100vw;
   height: 100vh;
   flex-direction: column;
   align-items: center;
   justify-content: center;
+  text-align: center;
+}
+
+h2 {
+  color: var(--sl-color-teal-700);
 }