leomurca/if-salas-web
leomurca/if-salas-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix class grid alignment

Browse source
This commit is contained in:
Leonardo Murça 2022-08-09 22:45:15 -03:00
parent 9dbd1401fc
commit c1cf91dde6
2 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/screens/Classroom/View.js
View file

@ -78,7 +78,7 @@ function View({
)} )}
{announcementsTabData === null ? ( {announcementsTabData === null ? (
<Grid sx={container} container spacing={2}> <Grid sx={container} container spacing={2}>
<Grid item xs={4}> <Grid sx={{ padding: '0 !important' }} item xs={4}>
{createArrayFrom1ToN(2).map(i => ( {createArrayFrom1ToN(2).map(i => (
<Skeleton <Skeleton
key={i} key={i}
@ -89,7 +89,7 @@ function View({
/> />
))} ))}
</Grid> </Grid>
<Grid item xs={8}> <Grid sx={{ paddingTop: '0 !important' }} item xs={8}>
{createArrayFrom1ToN(4).map(i => ( {createArrayFrom1ToN(4).map(i => (
<Skeleton <Skeleton
key={i} key={i}
@ -103,7 +103,7 @@ function View({
</Grid> </Grid>
) : ( ) : (
<Grid sx={container} container spacing={2}> <Grid sx={container} container spacing={2}>
<Grid item xs={4}> <Grid sx={{ padding: '0 !important' }} item xs={4}>
<Stack gap="30px"> <Stack gap="30px">
<Card <Card
sx={{ width: '100%', padding: '20px' }} sx={{ width: '100%', padding: '20px' }}
@ -144,9 +144,9 @@ function View({
</Card> </Card>
</Stack> </Stack>
</Grid> </Grid>
<Grid item xs={8}> <Grid sx={{ paddingTop: '0 !important' }} item xs={8}>
<Stack <Stack
sx={{ width: '100%' }} sx={{ width: '100%', paddingTop: 0 }}
alignItems="center" alignItems="center"
justifyContent="center" justifyContent="center"
flexWrap="wrap" flexWrap="wrap"

1
src/screens/Classroom/styles.js
View file

@ -8,6 +8,7 @@ const desktopContainer = {
height: '100vh', height: '100vh',
backgroundColor: '#red', backgroundColor: '#red',
padding: 0, padding: 0,
margin: 0,
marginTop: '50px', marginTop: '50px',
}; };