ORGANISATION-KA-INTERNATIONALE/pawol.nu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Footer to bottom

Browse Source
This commit is contained in:
Cédric FAMIBELLE-PRONZOLA
2022-01-20 18:01:52 +04:00
parent 2f2acaab9d
commit 028ab41080
1 changed files with 39 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/index.js
+39 -37
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,45 +62,47 @@ 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'}}>
<Container align='center'> <Box sx={{flexGrow: 1}}>
<Image <Container align='center'>
alt='Logo #OKi' <Image
width={192} alt='Logo #OKi'
height={110} width={192}
src={okiLogo} height={110}
placeholder='blur' src={okiLogo}
/> placeholder='blur'
<Typography variant='h6' component='h1'> />
Organisation KA Internationale <Typography variant='h6' component='h1'>
</Typography> Organisation KA Internationale
</Container> </Typography>
<Container style={{marginBlock: '1em'}}> </Container>
<Grid container align='center' spacing={2}> <Container style={{marginBlock: '1em'}}>
<Grid item xs={12}> <Grid container align='center' spacing={2}>
<RezoMenu data={REZO} /> <Grid item xs={12}>
</Grid> <RezoMenu data={REZO} />
<Grid item xs={12}> </Grid>
<Button <Grid item xs={12}>
size='small' <Button
variant='contained' size='small'
color='primary' variant='contained'
startIcon={<Paypal size={20} />} color='primary'
onClick={() => window.open(`https://www.paypal.com/donate?hosted_button_id=${PAYPAL_DONATE_ID}`, '_blank')} startIcon={<Paypal size={20} />}
> onClick={() => window.open(`https://www.paypal.com/donate?hosted_button_id=${PAYPAL_DONATE_ID}`, '_blank')}
Don >
</Button> Don
</Button>
</Grid>
</Grid> </Grid>
</Grid> </Container>
</Container> <Container style={{marginBlock: '1em'}}>
<Container style={{marginBlock: '1em'}}> <Grid container spacing={3}>
<Grid container spacing={3}> {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>
) )
} }