cpvalente/ontime
1
0
Fork 0
mirror of https://github.com/cpvalente/ontime.git synced 2026-08-18 13:44:12 +00:00
Code Issues Packages Projects Releases 10 Wiki Activity

fix: background colour in not found page

Browse Source
This commit is contained in:
Carlos Valente
2025-10-10 18:03:11 +02:00
committed by Carlos Valente
parent 7918063753
commit 4b27d080b6
2 changed files with 20 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/views/common/not-found/NotFound.module.scss
+9 -3
View File
@@ -2,10 +2,16 @@
.notFound { .notFound {
display: grid; display: grid;
place-items: center; height: 100vh;
padding-top: 20vh;
background-color: var(--background-color-override, $viewer-background-color); background-color: var(--background-color-override, $viewer-background-color);
margin-top: 10vh; }
.content {
display: flex;
flex-direction: column;
color: $ui-white; color: $ui-white;
justify-content: center; align-items: center;
text-align: center; text-align: center;
} }
apps/client/src/views/common/not-found/NotFound.tsx
+11 -9
View File
@@ -5,15 +5,17 @@ import style from './NotFound.module.scss';
export default function NotFound() { export default function NotFound() {
return ( return (
<div className={style.notFound}> <div className={style.notFound}>
<EmptyImage /> <section className={style.content}>
<h1>Not found</h1> <EmptyImage />
<div> <h1>Not found</h1>
The page you are after was not found. <div>
<br /> The page you are after was not found.
It may have moved or your URL may be incorrect. <br />
<br /> It may have moved or your URL may be incorrect.
Double check the URL and try again. <br />
</div> Double check the URL and try again.
</div>
</section>
</div> </div>
); );
} }