Antoine/lhoist-stay-safe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refining page

Browse Source
This commit is contained in:
Antoine M 2024-05-14 14:24:45 +02:00
parent 1b99f3c9fe
commit d7b55572cc
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/assets/css/pages/NotFound.scss
View File

@ -1,13 +1,14 @@
.page-container--not-found { .page-container--not-found {
@apply text-white text-center; @apply text-white text-center;
.cover {
@apply max-w-lg mb-12;
}
h1 { h1 {
@apply text-8xl ; @apply text-6xl;
}
h2 {
@apply text-3xl mb-6;
} }
p.error-description { p.error-description {
@apply text-2xl pt-8; @apply text-2xl pt-8;
} }

4
src/pages/PageNotFound.jsx
View File

@ -14,9 +14,9 @@ export default function PageNotFound() {
<AnimatedPage className='page-container page-container--not-found '> <AnimatedPage className='page-container page-container--not-found '>
<div className='content-page'> <div className='content-page'>
<Nav /> <Nav />
<img src={img404} alt='' /> <img className='cover' id='test' src={img404} alt='' />
<h1>{screen404Translations.page_not_found}</h1> <h1>{screen404Translations.page_not_found}</h1>
<p className="error-description">{screen404Translations.explanation}</p> <p className='error-description'>{screen404Translations.explanation}</p>
</div> </div>
</AnimatedPage> </AnimatedPage>
); );