/**
 * 自定义 modal 样式，为 a-modal 添加 wrapClassName 属性值 custom-modal
 * 通知图标：添加 wrapClassName 属性值 custom-modal-title-notice
 * 下载图标：添加 wrapClassName 属性值 custom-modal-title-download
 */
.custom-modal {
  //font-family: PingFangSC-Semibold, PingFang SC, sans-serif;

  &.custom-modal-title-notice,
  &.custom-modal-title-confirm-notice,
  &.custom-modal-title-download {
    .ant-modal-header,
    .ant-modal-confirm-title {
      &::before {
        content: '';
        width: 24px;
        height: 24px;
        margin-right: 12px;
        background-position: center center;
        background-size: 24px 24px;
        background-repeat: no-repeat;
      }
    }

    .ant-modal-confirm-title::before {
      display: inline-block;
    }
  }

  &.custom-modal-title-download .ant-modal-header::before {
    background-image: url('~@/assets/img/customize/title_download.png');
  }

  &.custom-modal-title-notice .ant-modal-header::before,
  &.custom-modal-title-notice .ant-modal-confirm-title::before,
  &.custom-modal-title-confirm-notice .ant-modal-confirm-title::before {
    background-image: url('~@/assets/img/customize/title_notice.png');
  }

  &.custom-modal-title-notice .ant-modal-confirm-title,
  &.custom-modal-title-confirm-notice .ant-modal-confirm-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: normal;
  }

  &.hide-ant-icon .ant-modal-confirm-body span.anticon {
    display: none;
  }

  .ant-modal-content {
    overflow: hidden;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);

    .ant-btn {
      border-radius: 4px;
    }
  }

  &.custom-modal-title-notice .ant-modal-confirm-body {
    span.anticon.anticon-info-circle {
      display: none;
    }
  }

  .ant-modal-confirm-content {
    padding-left: 38px;
  }

  span + span + .ant-modal-confirm-content {
    padding-left: 0;
  }

  .ant-modal-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 32px 32px 0;
    border-bottom: none;
    color: #262626;
    font-weight: 600;
    font-size: 16px;
  }

  .ant-modal-footer {
    padding: 0 32px 24px;
    border-top: none;

    .ant-btn {
      margin-left: 12px;
      padding-right: 14px;
      letter-spacing: 6px;
    }
  }

  .ant-modal-body {
    overflow-y: auto;
    max-height: 60vh;
    padding-right: 32px;
    padding-left: 32px;
  }

  &.custom-modal-height-70vh .ant-modal-body {
    max-height: 70vh;
  }
}

/**
 * 全屏 modal 样式，为 a-modal 添加 wrapClassName 属性值 fullscreen-modal
 */
.fullscreen-modal {
  overflow: hidden !important;
  width: 100vw;
  height: 100vh;

  .ant-modal-body {
    width: 100vw;
    height: 100vh;
    padding: 0;
  }
}
