fix div wrapped inside p tag

This commit is contained in:
Abhinav 2023-01-12 16:45:07 +05:30
parent 7cbe94b882
commit 10629fb8be

View file

@ -26,21 +26,24 @@ export default function StorageSection({ usage, storage }: Iprops) {
<Typography variant="body2" color={'text.secondary'}> <Typography variant="body2" color={'text.secondary'}>
{constants.STORAGE} {constants.STORAGE}
</Typography> </Typography>
<DefaultBox>
<Typography <Typography
fontWeight={'bold'} fontWeight={'bold'}
sx={{ fontSize: '24px', lineHeight: '30px' }}> sx={{ fontSize: '24px', lineHeight: '30px' }}>
<DefaultBox>
{`${makeHumanReadableStorage(usage, 'round-up')} ${ {`${makeHumanReadableStorage(usage, 'round-up')} ${
constants.OF constants.OF
} ${makeHumanReadableStorage(storage)} ${constants.USED}`} } ${makeHumanReadableStorage(storage)} ${constants.USED}`}
</Typography>
</DefaultBox> </DefaultBox>
<MobileSmallBox> <MobileSmallBox>
<Typography
fontWeight={'bold'}
sx={{ fontSize: '24px', lineHeight: '30px' }}>
{`${convertBytesToGBs(usage)} / ${convertBytesToGBs( {`${convertBytesToGBs(usage)} / ${convertBytesToGBs(
storage storage
)} ${constants.GB} ${constants.USED}`} )} ${constants.GB} ${constants.USED}`}
</MobileSmallBox>
</Typography> </Typography>
</MobileSmallBox>
</Box> </Box>
); );
} }