feat: improve stying
This commit is contained in:
		
							parent
							
								
									1229a10df6
								
							
						
					
					
						commit
						1c30baffcf
					
				@ -98,7 +98,13 @@ const FormMain = (props: any) => {
 | 
			
		||||
  const content = (
 | 
			
		||||
    <FormProvider form={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}>
 | 
			
		||||
          <SchemaField
 | 
			
		||||
 | 
			
		||||
@ -28,6 +28,17 @@
 | 
			
		||||
  &.isDragging {
 | 
			
		||||
    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 {
 | 
			
		||||
@ -44,43 +55,49 @@
 | 
			
		||||
  position: relative;
 | 
			
		||||
  // padding: 0;
 | 
			
		||||
  
 | 
			
		||||
  > .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;
 | 
			
		||||
        }
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
		Loading…
	
		Reference in New Issue
	
	Block a user