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