fix div wrapped inside p tag
This commit is contained in:
parent
7cbe94b882
commit
10629fb8be
1 changed files with 12 additions and 9 deletions
|
@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue