Fix padding

This commit is contained in:
Mark Kaylor 2023-06-23 11:45:03 +02:00
parent 4bb075c3b4
commit 1cceb67f65

View File

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