add Main component and remove as

This commit is contained in:
Mark Kaylor 2022-03-31 16:12:02 +02:00
parent 119ebb46b8
commit 18ee563584

View File

@ -123,37 +123,35 @@ const MarketPlacePage = () => {
if (!isOnline) { if (!isOnline) {
return ( return (
<Layout> <Layout>
<PageHeader /> <Main>
<Flex <PageHeader />
width="100%" <Flex
direction="column" width="100%"
alignItems="center" direction="column"
justifyContent="center" alignItems="center"
style={{ paddingTop: '120px' }} justifyContent="center"
> style={{ paddingTop: '120px' }}
<Box paddingBottom={2}> >
<Typography textColor="neutral700" variant="alpha"> <Box paddingBottom={2}>
{formatMessage({ <Typography textColor="neutral700" variant="alpha">
id: 'admin.pages.MarketPlacePage.offline.title', {formatMessage({
defaultMessage: 'You are offline', id: 'admin.pages.MarketPlacePage.offline.title',
})} defaultMessage: 'You are offline',
</Typography> })}
</Box> </Typography>
<Box paddingBottom={6}> </Box>
<Typography textColor="neutral700" variant="epsilon"> <Box paddingBottom={6}>
{formatMessage({ <Typography textColor="neutral700" variant="epsilon">
id: 'admin.pages.MarketPlacePage.offline.subtitle', {formatMessage({
defaultMessage: 'You need to be connected to the Internet to access Strapi Market.', id: 'admin.pages.MarketPlacePage.offline.subtitle',
})} defaultMessage:
</Typography> 'You need to be connected to the Internet to access Strapi Market.',
</Box> })}
<img </Typography>
as="img" </Box>
src={offlineCloud} <img src={offlineCloud} alt="offline" style={{ width: '88px', height: '88px' }} />
alt="offline" </Flex>
style={{ width: '88px', height: '88px' }} </Main>
/>
</Flex>
</Layout> </Layout>
); );
} }