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

Fix padding

Browse Source
This commit is contained in:
Mark Kaylor 2023-06-23 11:45:03 +02:00
parent 4bb075c3b4
commit 1cceb67f65
1 changed files with 24 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
packages/core/helper-plugin/src/components/DynamicTable/index.js
View File

@ -1,6 +1,6 @@
import React, { Children, cloneElement, useState } from 'react';
import { Box, Button, Flex, Table as TableCompo, Typography } from '@strapi/design-system';
import { Button, Flex, Table as TableCompo, Typography } from '@strapi/design-system';
import { Trash } from '@strapi/icons';
import PropTypes from 'prop-types';
import { useIntl } from 'react-intl';
@ -129,35 +129,29 @@ const Table = ({
return (
<>
{selectedEntries.length > 0 && (
<Box>
<Box paddingBottom={4}>
<Flex justifyContent="space-between">
<Flex gap={3}>
<Typography variant="epsilon" textColor="neutral600">
{formatMessage(
{
id: 'content-manager.components.TableDelete.label',
defaultMessage: '{number, plural, one {# entry} other {# entries}} selected',
},
{ number: selectedEntries.length }
)}
</Typography>
{renderBulkActionsBar ? (
renderBulkActionsBar({ selectedEntries, clearSelectedEntries })
) : (
<Button
onClick={handleToggleConfirmDeleteAll}
startIcon={<Trash />}
size="L"
variant="danger-light"
>
{formatMessage({ id: 'global.delete', defaultMessage: 'Delete' })}
</Button>
)}
</Flex>
</Flex>
</Box>
</Box>
<Flex gap={3}>
<Typography variant="omega" textColor="neutral500">
{formatMessage(
{
id: 'content-manager.components.TableDelete.label',
defaultMessage: '{number, plural, one {# entry} other {# entries}} selected',
},
{ number: selectedEntries.length }
)}
</Typography>
{renderBulkActionsBar ? (
renderBulkActionsBar({ selectedEntries, clearSelectedEntries })
) : (
<Button
onClick={handleToggleConfirmDeleteAll}
startIcon={<Trash />}
size="L"
variant="danger-light"
>
{formatMessage({ id: 'global.delete', defaultMessage: 'Delete' })}
</Button>
)}
</Flex>
)}
<TableCompo colCount={COL_COUNT} rowCount={ROW_COUNT} footer={footer}>
<TableHead