Fix Footer to bottom
This commit is contained in:
+5
-3
@@ -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>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user