feat: improve stying
This commit is contained in:
parent
1229a10df6
commit
1c30baffcf
@ -98,7 +98,13 @@ const FormMain = (props: any) => {
|
|||||||
const content = (
|
const content = (
|
||||||
<FormProvider form={form}>
|
<FormProvider form={form}>
|
||||||
{schema['x-decorator'] === 'Form' ? (
|
{schema['x-decorator'] === 'Form' ? (
|
||||||
<SchemaField components={options.components} scope={scope} schema={s} />
|
<FormLayout layout={'vertical'} {...others}>
|
||||||
|
<SchemaField
|
||||||
|
components={options.components}
|
||||||
|
scope={scope}
|
||||||
|
schema={s}
|
||||||
|
/>
|
||||||
|
</FormLayout>
|
||||||
) : (
|
) : (
|
||||||
<FormLayout layout={'vertical'} {...others}>
|
<FormLayout layout={'vertical'} {...others}>
|
||||||
<SchemaField
|
<SchemaField
|
||||||
|
@ -28,6 +28,17 @@
|
|||||||
&.isDragging {
|
&.isDragging {
|
||||||
opacity: .2;
|
opacity: .2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ant-formily-item-control-content-component {
|
||||||
|
min-height: 0 !important;
|
||||||
|
}
|
||||||
|
.ant-space {
|
||||||
|
display: flex !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-formily-item-label {
|
||||||
|
min-height: 0 !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.nb-kanban-drag-overlay {
|
.nb-kanban-drag-overlay {
|
||||||
@ -44,43 +55,49 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
// padding: 0;
|
// padding: 0;
|
||||||
|
|
||||||
> .nb-block-item {
|
.nb-block-item {
|
||||||
padding: 12px;
|
&:last-child {
|
||||||
min-height: 50px;
|
.ant-formily-item {
|
||||||
|
margin-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.nb-grid-block, .ant-formily-item {
|
.nb-grid-block, .ant-formily-item {
|
||||||
margin-bottom: 0 !important;
|
margin-bottom: 12px !important;
|
||||||
}
|
}
|
||||||
&:hover {
|
|
||||||
|
.ant-formily-layout {
|
||||||
|
&:hover {
|
||||||
|
> .designable-bar {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
> .designable-bar {
|
> .designable-bar {
|
||||||
display: block;
|
pointer-events: none;
|
||||||
}
|
display: none;
|
||||||
}
|
|
||||||
> .designable-bar {
|
|
||||||
pointer-events: none;
|
|
||||||
display: none;
|
|
||||||
position: absolute;
|
|
||||||
top: -1px;
|
|
||||||
right: -1px;
|
|
||||||
left: -1px;
|
|
||||||
bottom: -1px;
|
|
||||||
border-radius: 2px;
|
|
||||||
background: none !important;
|
|
||||||
border: 2px solid rgba(241, 139, 98, 0.3) !important;
|
|
||||||
&.active {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
.designable-bar-actions {
|
|
||||||
pointer-events: all;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0;
|
top: -1px;
|
||||||
line-height: 1rem;
|
right: -1px;
|
||||||
background-color: #1890ff;
|
left: -1px;
|
||||||
color: #fff;
|
bottom: -1px;
|
||||||
z-index: 10;
|
border-radius: 2px;
|
||||||
padding: 0 3px;
|
background: none !important;
|
||||||
.anticon {
|
border: 2px solid rgba(241, 139, 98, 0.3) !important;
|
||||||
font-size: 10px;
|
&.active {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.designable-bar-actions {
|
||||||
|
pointer-events: all;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
line-height: 1rem;
|
||||||
|
background-color: #1890ff;
|
||||||
|
color: #fff;
|
||||||
|
z-index: 10;
|
||||||
|
padding: 0 3px;
|
||||||
|
.anticon {
|
||||||
|
font-size: 10px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user