Fix class grid alignment

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

View file

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

View file

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