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 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 MusicNoteIcon from '@mui/icons-material/MusicNote'
import {Pleroma, Peertube, Paypal} from '@icons-pack/react-simple-icons'
@@ -62,45 +62,47 @@ export default function Home({kantiteAwtis, kantiteTeks}) {
return (
<HeadLayout tab={0}>
<div style={{display: 'flex', flexDirection: 'column', minHeight: '100vh'}}>
<Container align='center'>
<Image
alt='Logo #OKi'
width={192}
height={110}
src={okiLogo}
placeholder='blur'
/>
<Typography variant='h6' component='h1'>
Organisation KA Internationale
</Typography>
</Container>
<Container style={{marginBlock: '1em'}}>
<Grid container align='center' spacing={2}>
<Grid item xs={12}>
<RezoMenu data={REZO} />
</Grid>
<Grid item xs={12}>
<Button
size='small'
variant='contained'
color='primary'
startIcon={<Paypal size={20} />}
onClick={() => window.open(`https://www.paypal.com/donate?hosted_button_id=${PAYPAL_DONATE_ID}`, '_blank')}
>
Don
</Button>
<Box sx={{display: 'flex', flexDirection: 'column', minHeight: '100vh'}}>
<Box sx={{flexGrow: 1}}>
<Container align='center'>
<Image
alt='Logo #OKi'
width={192}
height={110}
src={okiLogo}
placeholder='blur'
/>
<Typography variant='h6' component='h1'>
Organisation KA Internationale
</Typography>
</Container>
<Container style={{marginBlock: '1em'}}>
<Grid container align='center' spacing={2}>
<Grid item xs={12}>
<RezoMenu data={REZO} />
</Grid>
<Grid item xs={12}>
<Button
size='small'
variant='contained'
color='primary'
startIcon={<Paypal size={20} />}
onClick={() => window.open(`https://www.paypal.com/donate?hosted_button_id=${PAYPAL_DONATE_ID}`, '_blank')}
>
Don
</Button>
</Grid>
</Grid>
</Grid>
</Container>
<Container style={{marginBlock: '1em'}}>
<Grid container spacing={3}>
{kantite.map(k => <KatKayLa key={k.id} tit={k.tit} soutit={k.soutit} kantite={k.kantite} route={k.route} />)}
</Grid>
</Container>
</Container>
<Container style={{marginBlock: '1em'}}>
<Grid container spacing={3}>
{kantite.map(k => <KatKayLa key={k.id} tit={k.tit} soutit={k.soutit} kantite={k.kantite} route={k.route} />)}
</Grid>
</Container>
</Box>
<Footer />
</div>
</Box>
</HeadLayout>
)
}