Fix Footer to bottom

This commit is contained in:
Cédric FAMIBELLE-PRONZOLA
2022-01-20 18:01:52 +04:00
parent 2f2acaab9d
commit 028ab41080
+5 -3
View File
@@ -1,6 +1,6 @@
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import Image from 'next/image' import Image from 'next/image'
import {Container, Grid, Typography, Button} from '@mui/material' import {Container, Grid, Typography, Button, Box} from '@mui/material'
import GroupIcon from '@mui/icons-material/Group' import GroupIcon from '@mui/icons-material/Group'
import MusicNoteIcon from '@mui/icons-material/MusicNote' import MusicNoteIcon from '@mui/icons-material/MusicNote'
import {Pleroma, Peertube, Paypal} from '@icons-pack/react-simple-icons' import {Pleroma, Peertube, Paypal} from '@icons-pack/react-simple-icons'
@@ -62,7 +62,8 @@ export default function Home({kantiteAwtis, kantiteTeks}) {
return ( return (
<HeadLayout tab={0}> <HeadLayout tab={0}>
<div style={{display: 'flex', flexDirection: 'column', minHeight: '100vh'}}> <Box sx={{display: 'flex', flexDirection: 'column', minHeight: '100vh'}}>
<Box sx={{flexGrow: 1}}>
<Container align='center'> <Container align='center'>
<Image <Image
alt='Logo #OKi' alt='Logo #OKi'
@@ -99,8 +100,9 @@ export default function Home({kantiteAwtis, kantiteTeks}) {
{kantite.map(k => <KatKayLa key={k.id} tit={k.tit} soutit={k.soutit} kantite={k.kantite} route={k.route} />)} {kantite.map(k => <KatKayLa key={k.id} tit={k.tit} soutit={k.soutit} kantite={k.kantite} route={k.route} />)}
</Grid> </Grid>
</Container> </Container>
</Box>
<Footer /> <Footer />
</div> </Box>
</HeadLayout> </HeadLayout>
) )
} }