diff --git a/packages/client/src/schemas/form/index.tsx b/packages/client/src/schemas/form/index.tsx index 57c214eda..deef76c5d 100644 --- a/packages/client/src/schemas/form/index.tsx +++ b/packages/client/src/schemas/form/index.tsx @@ -98,7 +98,13 @@ const FormMain = (props: any) => { const content = ( {schema['x-decorator'] === 'Form' ? ( - + + + ) : ( .nb-block-item { - padding: 12px; - min-height: 50px; + .nb-block-item { + &:last-child { + .ant-formily-item { + margin-bottom: 0 !important; + } + } } .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 { - display: block; - } - } - > .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; + pointer-events: none; + display: none; position: absolute; - right: 0; - line-height: 1rem; - background-color: #1890ff; - color: #fff; - z-index: 10; - padding: 0 3px; - .anticon { - font-size: 10px; + 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; + right: 0; + line-height: 1rem; + background-color: #1890ff; + color: #fff; + z-index: 10; + padding: 0 3px; + .anticon { + font-size: 10px; + } } } }