refactor(client): adjust list item style and fix warning (#3315)
* refactor(client): adjust list item style and fix warning * refactor(client): adjust list item padding * refactor(client): adjust list style
This commit is contained in:
parent
ba67b7aede
commit
0b1eb36152
@ -40,7 +40,7 @@ const InternalListBlockProvider = (props) => {
|
|||||||
line-height: 34px;
|
line-height: 34px;
|
||||||
}
|
}
|
||||||
.ant-formily-item-feedback-layout-loose {
|
.ant-formily-item-feedback-layout-loose {
|
||||||
margin-bottom: 12px;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
`)}
|
`)}
|
||||||
>
|
>
|
||||||
|
@ -1,12 +1,14 @@
|
|||||||
|
import React from 'react';
|
||||||
import { ObjectField } from '@formily/core';
|
import { ObjectField } from '@formily/core';
|
||||||
import { useField } from '@formily/react';
|
import { useField } from '@formily/react';
|
||||||
import React from 'react';
|
import classnames from 'classnames';
|
||||||
|
|
||||||
import { RecordProvider } from '../../../record-provider';
|
import { RecordProvider } from '../../../record-provider';
|
||||||
|
|
||||||
export const ListItem = (props) => {
|
export const ListItem = (props) => {
|
||||||
const field = useField<ObjectField>();
|
const field = useField<ObjectField>();
|
||||||
return (
|
return (
|
||||||
<div className={'itemCss'}>
|
<div className={classnames('itemCss', props.className)}>
|
||||||
<RecordProvider record={field.value}>{props.children}</RecordProvider>
|
<RecordProvider record={field.value}>{props.children}</RecordProvider>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
@ -7,7 +7,7 @@ const useStyles = genStyleHook('nb-list', (token) => {
|
|||||||
[componentCls]: {
|
[componentCls]: {
|
||||||
width: '100%',
|
width: '100%',
|
||||||
marginBottom: token.marginLG,
|
marginBottom: token.marginLG,
|
||||||
'.nb-action-bar': { marginTop: token.marginXS },
|
'.nb-action-bar:not(:empty)': { marginTop: token.marginXS },
|
||||||
'&:hover': { '> .general-schema-designer': { display: 'block' } },
|
'&:hover': { '> .general-schema-designer': { display: 'block' } },
|
||||||
'> .general-schema-designer': {
|
'> .general-schema-designer': {
|
||||||
position: 'absolute',
|
position: 'absolute',
|
||||||
@ -40,8 +40,15 @@ const useStyles = genStyleHook('nb-list', (token) => {
|
|||||||
display: 'flex',
|
display: 'flex',
|
||||||
width: '100%',
|
width: '100%',
|
||||||
flexDirection: 'column',
|
flexDirection: 'column',
|
||||||
padding: '4px 5px 0',
|
|
||||||
borderBottom: `1px solid ${token.colorBorderSecondary}`,
|
'&:not(:first-child)': {
|
||||||
|
paddingTop: token.paddingContentVertical,
|
||||||
|
},
|
||||||
|
|
||||||
|
'&:not(:last-child)': {
|
||||||
|
paddingBottom: token.paddingContentVertical,
|
||||||
|
borderBottom: `1px solid ${token.colorBorderSecondary}`,
|
||||||
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
@ -28,7 +28,7 @@ export const ImportModal = (props: any) => {
|
|||||||
<Modal
|
<Modal
|
||||||
title={t('Import Data')}
|
title={t('Import Data')}
|
||||||
width="50%"
|
width="50%"
|
||||||
bodyStyle={{ height: 'calc(80vh - 200px)' }}
|
styles={{ body: { height: 'calc(80vh - 200px)' } }}
|
||||||
open={importModalVisible}
|
open={importModalVisible}
|
||||||
footer={null}
|
footer={null}
|
||||||
closable={importStatus === ImportStatus.IMPORTED}
|
closable={importStatus === ImportStatus.IMPORTED}
|
||||||
|
Loading…
Reference in New Issue
Block a user