dialogBox.scss 1.34 KB
.dialogBox {
    border-radius: 8px;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.10);

    .dialog_title {
        display: flex;
        position: relative;
        top: -2px;

        b {
            @include flex-center;
            flex: 1;
            width: 100%;
        }
    }

    .dialog_full {
        position: absolute;
        top: 0;
        right: 30px;
    }

    .el-dialog__body {
        max-height: 88vh;
        overflow-x: hidden;
    }

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


}

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

.el-dialog__header {
    margin-bottom: 10px;
    color: #4A4A4A;
    background-color: #FCFDFD;
    border-bottom: 1px solid #E4EBF4;
}

.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 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(calc(-50% + 85px), -50%);
}

.mainCenter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}