@import '../../style/themes/index.less';

@drawer-prefix-cls: ~'@{pxx-prefix}-drawer';

.@{drawer-prefix-cls} {

  .@{ant-prefix}-drawer-wrapper-body {
    position: relative;
    // padding-bottom: 52px;
    .@{ant-prefix}-drawer-header {
      padding-bottom: 0;
      border-bottom: none;
      .@{ant-prefix}-drawer-title {
        font-size: 22px;
        font-weight: 500;
        color: @gray-80
      }
      button {
        padding: 0;
        font-size: 18px;
        right: 24px;
        top: 18px;
      }
    }
    .@{ant-prefix}-drawer-body {
      padding: 0;
      margin-top: 24px;
      >* {
        &:first-child{
          display: flex;
          flex-direction: column;
          height: 100%;
        }
      }
      .@{drawer-prefix-cls}-content {
        flex: 1;
        padding: 0 24px;
        margin-bottom: 24px;
        overflow-y: auto;
      }
      .@{drawer-prefix-cls}-footer {
        > * {
          &:first-child {
            // position: absolute;
            // bottom: 0;
            // left: 0;
            // width: 100%;
            // padding: 24px;
            // text-align: right;
            // background: #ffffff;
            padding:24px;
            padding-top: 0;
            text-align: right;
          }
        }
      }
  
      .@{drawer-prefix-cls}-form {
        .ant-form-item {
          flex-direction: column;
  
          .ant-form-item-label {
            text-align: left;
          }
  
          .ant-form-item-control {
            display: flex;
            flex-flow: column;
  
            .ant-picker {
              width: 100%;
            }
          }
        }
      }
    }
  }
}
