qt-public-ui/es/Modal/style.less

新设计规范下业务组件库

@import (reference) '../../style/common.less';

.umui-static-modal {
  .umui-modal-icon {
    font-size: 14px;
    margin-top: 4px;
    margin-left: -4px;
    margin-right: 4px;
  }

  .umui-modal-icon-success {
    color: @success-color;
  }
  .umui-modal-icon-info {
    color: @info-color;
  }
  .umui-modal-icon-error {
    color: @error-color;
  }

  .umui-modal-icon-confirm,
  .umui-modal-icon-warning {
    color: @warning-color;
  }

  .@{ant-prefix}-modal-confirm-body {
    display: flex;
    .@{ant-prefix}-modal-confirm-title {
      font-size: 18px;
    }
    & > .anticon {
      float: none;
    }
  }

  .@{ant-prefix}-modal-confirm-btns > .@{ant-prefix}-btn:not(.@{ant-prefix}-btn-primary) {
    color: @primary-color;
    border: 1px solid @primary-color;
  }

  &.umui-static-modal-without-title {
    .umui-modal-icon {
      margin-top: 0;
    }
    .@{ant-prefix}-modal-confirm-content {
      margin-top: 0;
    }
    .@{ant-prefix}-modal-confirm-body {
      & > .anticon {
        font-size: 14px;
        margin-right: 4px;
        line-height: 1.7;
        height: 20px;
      }
    }
  }
}

.umui-modal {
  .@{ant-prefix}-modal-header {
    padding: 22px 20px;
    background: inherit;
  }

  .@{ant-prefix}-modal-close-x {
    margin-top: 12px;
  }

  .@{ant-prefix}-modal-title {
    font-size: 18px;
    font-weight: @font-weight-bold;
  }

  &-close {
    color: @text-color-info;
    &:hover {
      color: @text-color-secondary;
    }
  }

  .@{ant-prefix}-modal-footer > .@{ant-prefix}-btn:not(.@{ant-prefix}-btn-primary) {
    color: @primary-color;
    border: 1px solid @primary-color;
  }

  &.@{ant-prefix}-modal-confirm {
    .@{ant-prefix}-btn {
      height: 24px;
      padding: 0 8px;
    }
  }
}