fm453/nocobase
1
0
Fork 0
mirror of https://gitee.com/nocobase/nocobase.git synced 2025-05-05 05:29:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
1 changed files with 41 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/core/client/src/schema-component/antd/association-field/SubTable.tsx
View File

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