dialogBox.scss 1.11 KB
.el-dialog {
    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 {
            flex: 1;
            width: 100%;
            @flex-center();
        }
    }

    .el-dialog__header {
        height: 50px;
        background: #FCFDFD;
        border-radius: 4px 4px 0 0;
        position: relative;
    }

    .dialog_full {
        position: absolute;
        top: 0;
        right: 6%;
    }

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

    .dialog_footer {
        flex-direction: column;

        .dialog_button {
            margin-top: 8px;
        }
    }
}


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

.contentCenter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(calc(-50% + 85px), -50%) !important;
}

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