tntd/lib/query-form-backup/index.less

tntd是基于 TNT Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。

.tnt-queryform {
  &-top {
    display: flex;
    &-body {
      flex: 1;
      .ant-btn {
        margin-right: 10px;
      }
    }
  }

  &-extra {
    & > * {
      margin-left: 10px;
    }
  }

  .ant-form {
    // margin-bottom: @margin-sm;
    &.ant-form-inline {
      flex-wrap: unset;
      position: relative;
    }

    &.ant-form-inline .ant-form-item {
      margin-right: 10px;
      margin-bottom: @margin-sm;
      display: inline-block;
    }

    .ant-form-item-control {
      // min-width: 160px;
      line-height: unset;
      .ant-calendar-picker-input {
        padding: 0 @padding-sm;
      }
      .ant-form-item-children {
        & > .ant-input,
        & > .ant-input-affix-wrapper {
          width: 160px;
          // width: 200px;
        }
      }
    }
  }

  &-drawer {
    margin-top: @margin-xxl;
    &.large-size {
      margin-top: 60px;
    }

    &.ant-drawer.ant-drawer-open {
      .ant-drawer-mask {
        opacity: 0;
        background: unset;
      }
    }
    .ant-drawer-body {
      .ant-form-item {
        display: block;
        margin-right: 0;
        margin-bottom: @margin-md;
        width: 100%;
      }
      .ant-form-item-label {
        display: block;
        text-align: left;
        line-height: 22px;
        margin-bottom: 10px;
      }
      .ant-form-item-control-wrapper,
      .ant-form-item-control,
      .ant-calendar-picker,
      .ant-input {
        min-width: 100%;
        width: 100%;
      }

      & > .ant-btn {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        &.ant-btn-primary {
          margin-top: @margin-md;
        }
      }
    }
  }
}