@import "./common/variable.scss";
.th-dialog{
  display: flex;
  align-items: center;
  justify-content: center;
  .el-dialog{
    max-height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    // 头部标题区域
    .el-dialog__header{
      background:linear-gradient(90deg, #09bba4 0%,#08c3d5 99%);;
      background:$--dialog-header-background;
      padding-bottom: 0;
      .el-dialog__title{
        color: $--color-white;
        font-weight: 600;
        line-height: 38px;
        padding-left: 16px;
      }
      .el-dialog__headerbtn{
        top: 8px;
        right: 5px;
        .el-icon-close{
          color: $--color-white;
          font-size: 22px;
        }
      }
    }
    // 主体内容区域
    .el-dialog__body{
      padding: 0;
      height: 100%;
      box-sizing: border-box;
      overflow-x: hidden;
      overflow-y: auto;
      overflow-y: overlay;
    }
    // 底部按钮区域
    .el-dialog__footer{
      padding: 0;
      > div{
        padding: 20px;
        text-align: center;
      }
      .el-button{
        font-size: $--font-size-base;
        padding: 12px 30px;
      }
    }

    &.is-fullscreen{
      max-height: 100%;
    }
  }
}