ekzyis/stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

different 400/500 image component

Browse Source
This commit is contained in:
keyan 2022-01-13 12:16:00 -06:00
parent f9016d13ee
commit cefd6793f8
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
pages/404.js
View File

@ -1,11 +1,11 @@
import Image from 'next/image' import { Image } from 'react-bootstrap'
import LayoutCenter from '../components/layout-center' import LayoutCenter from '../components/layout-center'
import styles from '../styles/404.module.css' import styles from '../styles/404.module.css'
export default function fourZeroFour () { export default function fourZeroFour () {
return ( return (
<LayoutCenter> <LayoutCenter>
<Image width='500' height='376' src='/maze.gif' /> <Image width='500' height='376' src='/maze.gif' fluid />
<h1 className={styles.fourZeroFour}><span>404</span><span className={styles.notFound}>page not found</span></h1> <h1 className={styles.fourZeroFour}><span>404</span><span className={styles.notFound}>page not found</span></h1>
</LayoutCenter> </LayoutCenter>
) )

4
pages/500.js
View File

@ -1,11 +1,11 @@
import Image from 'next/image' import { Image } from 'react-bootstrap'
import LayoutCenter from '../components/layout-center' import LayoutCenter from '../components/layout-center'
import styles from '../styles/404.module.css' import styles from '../styles/404.module.css'
export default function fourZeroFour () { export default function fourZeroFour () {
return ( return (
<LayoutCenter> <LayoutCenter>
<Image width='500' height='375' src='/falling.gif' /> <Image width='500' height='375' src='/falling.gif' fluid />
<h1 className={styles.fourZeroFour}><span>500</span><span className={styles.notFound}>server error</span></h1> <h1 className={styles.fourZeroFour}><span>500</span><span className={styles.notFound}>server error</span></h1>
</LayoutCenter> </LayoutCenter>
) )