yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-08-04 23:03:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

remove stack

Browse Source
This commit is contained in:
Mark Kaylor 2022-03-04 15:17:55 +01:00
parent 3cb1464a2a
commit 8741b0fc9f
2 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/core/admin/admin/src/pages/MarketplacePage/components/EmptyPluginSearch/EmptyPluginGrid.js
View File

@ -4,7 +4,8 @@ import { Box } from '@strapi/design-system/Box';
import { GridLayout } from '@strapi/design-system/Layout'; import { GridLayout } from '@strapi/design-system/Layout';
const EmptyPluginCard = styled(Box)` const EmptyPluginCard = styled(Box)`
background: linear-gradient(180deg, rgba(234, 234, 239, 0) 0%, #eaeaef 100%); background: ${({ theme }) =>
`linear-gradient(180deg, rgba(234, 234, 239, 0) 0%, ${theme.colors.neutral150} 100%)`};
opacity: 0.33; opacity: 0.33;
`; `;

10
packages/core/admin/admin/src/pages/MarketplacePage/components/EmptyPluginSearch/index.js
View File

@ -1,8 +1,8 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { Typography } from '@strapi/design-system/Typography'; import { Typography } from '@strapi/design-system/Typography';
import { Stack } from '@strapi/design-system/Stack';
import { Box } from '@strapi/design-system/Box'; import { Box } from '@strapi/design-system/Box';
import { Flex } from '@strapi/design-system/Flex';
import { Icon } from '@strapi/design-system/Icon'; import { Icon } from '@strapi/design-system/Icon';
import EmptyStateDocument from '@strapi/icons/EmptyDocuments'; import EmptyStateDocument from '@strapi/icons/EmptyDocuments';
import { EmptyPluginGrid } from './EmptyPluginGrid'; import { EmptyPluginGrid } from './EmptyPluginGrid';
@ -12,14 +12,14 @@ export const EmptyPluginSearch = ({ content }) => {
<Box position="relative"> <Box position="relative">
<EmptyPluginGrid /> <EmptyPluginGrid />
<Box position="absolute" top={11} width="100%"> <Box position="absolute" top={11} width="100%">
<Stack style={{ alignItems: 'center' }} size={4} textAlign="center"> <Flex alignItems="center" justifyContent="center" direction="column">
<Stack style={{ alignItems: 'center' }} size={6}>
<Icon as={EmptyStateDocument} color="" width="160px" height="88px" /> <Icon as={EmptyStateDocument} color="" width="160px" height="88px" />
<Box marginTop={6}>
<Typography variant="delta" as="p" textColor="neutral600"> <Typography variant="delta" as="p" textColor="neutral600">
{content} {content}
</Typography> </Typography>
</Stack> </Box>
</Stack> </Flex>
</Box> </Box>
</Box> </Box>
); );