Fix display

This commit is contained in:
Cédric FAMIBELLE-PRONZOLA
2022-01-22 13:42:09 +04:00
parent 09932ac27b
commit 0097ac8254
5 changed files with 14 additions and 16 deletions
+1 -1
View File
@@ -18,7 +18,7 @@ const StyledGrid = styled(Grid)((
[`& .${classes.root}`]: { [`& .${classes.root}`]: {
'& > *': { '& > *': {
marginBottom: theme.spacing(2), marginBottom: theme.spacing(2),
marginTop: theme.spacing(4) marginTop: theme.spacing(2)
} }
} }
})) }))
+2 -2
View File
@@ -17,14 +17,14 @@ const StyledBox = styled(Box)({
[`& .${classes.switch}`]: { [`& .${classes.switch}`]: {
position: 'absolute', position: 'absolute',
right: '1em', right: '1em',
top: '100px', top: '60px',
zIndex: 1, zIndex: 1,
cursor: 'pointer' cursor: 'pointer'
}, },
[`& .${classes.switchFixed}`]: { [`& .${classes.switchFixed}`]: {
position: 'fixed', position: 'fixed',
right: '1em', right: '1em',
top: '90px', top: '70px',
zIndex: 9990, zIndex: 9990,
cursor: 'pointer' cursor: 'pointer'
} }
+1 -1
View File
@@ -12,7 +12,7 @@ const classes = {
const Root = styled('div')(() => ({ const Root = styled('div')(() => ({
[`&.${classes.container}`]: { [`&.${classes.container}`]: {
marginTop: '6em' marginTop: '4.5em'
} }
})) }))
+4 -4
View File
@@ -79,7 +79,7 @@ const Root = styled('div')((
[`& .${classes.appBar}`]: { [`& .${classes.appBar}`]: {
borderTop: '2px solid #303030', borderTop: '2px solid #303030',
marginTop: '4.50rem', marginTop: '3.10rem',
[theme.breakpoints.up('sm')]: { [theme.breakpoints.up('sm')]: {
width: `calc(100% - ${drawerWidth}px)`, width: `calc(100% - ${drawerWidth}px)`,
marginLeft: drawerWidth marginLeft: drawerWidth
@@ -97,7 +97,7 @@ const Root = styled('div')((
[`& .${classes.drawerPaper}`]: { [`& .${classes.drawerPaper}`]: {
borderTop: '2px solid #303030', borderTop: '2px solid #303030',
marginTop: '4.50rem', marginTop: '3.10rem',
width: drawerWidth width: drawerWidth
}, },
@@ -149,7 +149,7 @@ const Root = styled('div')((
[`& .${classes.pataje}`]: { [`& .${classes.pataje}`]: {
position: 'fixed', position: 'fixed',
top: '83px', top: '61px',
left: '110px', left: '110px',
zIndex: 2, zIndex: 2,
[theme.breakpoints.up('sm')]: { [theme.breakpoints.up('sm')]: {
@@ -317,7 +317,7 @@ export default function TeksDrawer({teks, anTeks, komante}) {
<div className={classes.pataje}> <div className={classes.pataje}>
<Pataje teks={anTeks} setError={setError} setSuccess={setSuccess} /> <Pataje teks={anTeks} setError={setError} setSuccess={setSuccess} />
</div> </div>
<Box sx={{textAlign: 'center', marginTop: 11}}> <Box sx={{textAlign: 'center', marginTop: 8}}>
<Typography style={{marginTop: '0.8em'}} variant='h4' display='block'> <Typography style={{marginTop: '0.8em'}} variant='h4' display='block'>
<Typography gutterBottom variant='h6'> <Typography gutterBottom variant='h6'>
{anTeks.awtis.map(a => a.alias).join(', ')} {anTeks.awtis.map(a => a.alias).join(', ')}
+4 -6
View File
@@ -8,14 +8,14 @@ import {jwennTeksKantite, jwennAwtisKantite} from '../lib/oki-api'
export default function Home({kantiteAwtis, kantiteTeks}) { export default function Home({kantiteAwtis, kantiteTeks}) {
const kantite = [ const kantite = [
{id: 1, tit: 'Tèks', soutit: 'Texte', kantite: kantiteTeks, route: '/teks'}, {id: 1, tit: 'Textes', kantite: kantiteTeks, route: '/teks'},
{id: 2, tit: 'Awtis', soutit: 'Artiste', kantite: kantiteAwtis, route: '/awtis?paj&paj=1'} {id: 2, tit: 'Artistes', kantite: kantiteAwtis, route: '/awtis?paj&paj=1'}
] ]
return ( return (
<HeadLayout tab={0}> <HeadLayout tab={0}>
<Box sx={{display: 'flex', flexDirection: 'column', minHeight: '100vh'}}> <Box sx={{display: 'flex', flexDirection: 'column', minHeight: '100vh'}}>
<Box sx={{flexGrow: 1, marginTop: 6}}> <Box sx={{flexGrow: 1, marginTop: 1}}>
<Container align='center'> <Container align='center'>
<Typography variant='h6' component='h1'> <Typography variant='h6' component='h1'>
#OKi #OKi
@@ -24,11 +24,9 @@ export default function Home({kantiteAwtis, kantiteTeks}) {
Organisation KA Internationale Organisation KA Internationale
</Typography> </Typography>
</Container> </Container>
<Container style={{marginBlock: '1em'}}> <Grid container sx={{flexGrow: 1}} justifyContent='center' 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>
</Box> </Box>
<Footer /> <Footer />
</Box> </Box>