style: optimize subtable add button style and align paginator on the same row (#6790)

This commit is contained in:
Katherine 2025-04-29 11:07:17 +08:00 committed by GitHub
parent 823d67ac13
commit 4f06ebcdd2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -70,6 +70,15 @@ const subTableContainer = css`
.ant-table-thead .ant-table-cell {
font-weight: normal;
}
.ant-pagination {
position: absolute;
right: 0px;
bottom: 0px;
}
.ant-table-footer {
margin-top: 10px;
background: inherit;
}
`;
const tableClassName = css`
@ -252,12 +261,11 @@ export const SubTable: any = observer(
locale={{
emptyText: <span> {field.editable ? t('Please add or select record') : t('No data')}</span>,
}}
/>
footer={() => (
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
{field.editable && (
<Space
style={{
position: 'relative',
bottom: '0',
gap: 15,
}}
>
@ -283,6 +291,9 @@ export const SubTable: any = observer(
)}
</Space>
)}
</div>
)}
/>
</SubFormProvider>
</FormActiveFieldsProvider>
</CollectionRecordProvider>