Blame view

src/styles/dialogBox.scss 1.75 KB
1
@import "~@/styles/mixin.scss";
任超 committed
2
.dialogBox {
xiaomiao committed
3
  border-radius: 4px;
任超 committed
4 5 6 7 8 9 10
  overflow: hidden;
  background: #FFFFFF;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.10);

  .dialog_title {
    display: flex;
    position: relative;
xiaomiao committed
11
    top: -4px;
任超 committed
12 13

    b {
xiaomiao committed
14 15 16
      display: flex;
      justify-content:left;
      align-items: center;
任超 committed
17 18
      flex: 1;
      width: 100%;
xiaomiao committed
19 20 21 22 23 24 25
      margin-left: 10px;
      width: 79px;
      height: 12px;
      font-size: 16px;
      font-family: AlibabaPuHuiTi_2_65_Medium;
      color: #31333C;
      line-height: 10px;
任超 committed
26 27
    }
  }
xiaomiao committed
28 29 30 31 32 33 34 35 36 37
  .dialog_title::before{
    content: "";
    display: block;
    width: 4px;
    height: 18px;
    background: #2E74D8;
    position: absolute;
    top: -4px;
    left: 0px;
  }
任超 committed
38 39 40 41 42 43 44
  .dialog_full {
    position: absolute;
    top: 0;
    right: 30px;
  }

  .el-dialog__body {
45
    max-height: 90vh;
任超 committed
46 47 48 49 50 51 52 53 54
    overflow-x: hidden;
    overflow-y: hidden;
  }

  .dialog_footer {
    margin-top: 8px;
    @include flex-center;
  }

任超 committed
55 56 57
  .dialogBox-content {
    height: auto
  }
任超 committed
58 59 60 61 62 63 64 65 66
}

.dialog_title {
  @include flex;
  justify-content: space-between;
  width: 100%;
}

.el-dialog__header {
xiaomiao committed
67
  background: linear-gradient(270deg, #F2F3FB 0%, #5C95E5 100%);
任超 committed
68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93
}

.el-dialog__body {
  padding-top: 10px;
  padding-bottom: 0;
}

.el-dialog__headerbtn .el-dialog__close {
  color: #6B7A99 !important;
  position: relative;
  top: -2px;
}


.el-form-item {
  @include flex;
  width: 100%;
}

.el-dialog__wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.contentCenter {
94 95 96 97
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(calc(-50% + 85px), -50%) !important;
任超 committed
98 99 100
}

.mainCenter {
101 102 103 104
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
xiaomiao committed
105
}