Blame view

src/components/dialogBox/dialogBox.scss 1.37 KB
1
.dialogBox {
任超 committed
2 3 4 5 6 7 8 9 10 11 12
    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 {
任超 committed
13
            @include flex-center;
任超 committed
14 15 16 17 18 19 20 21
            flex: 1;
            width: 100%;
        }
    }

    .dialog_full {
        position: absolute;
        top: 0;
任超 committed
22
        right: 30px;
任超 committed
23 24 25 26 27
    }

    .el-dialog__body {
        max-height: 88vh;
        overflow-x: hidden;
任超 committed
28
        overflow-y: hidden;
任超 committed
29 30 31
    }

    .dialog_footer {
任超 committed
32 33
        margin-top: 8px;
        @include flex-center;
任超 committed
34
    }
35

任超 committed
36

任超 committed
37 38
}

任超 committed
39 40 41 42 43 44 45 46 47
.dialog_title {
    @include flex;
    justify-content: space-between;
    width: 100%;
}

.el-dialog__header {
    margin-bottom: 10px;
    color: #4A4A4A;
任超 committed
48
    background-color: #FCFDFD;
任超 committed
49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67
    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%;
}
任超 committed
68

任超 committed
69
.el-dialog__wrapper {
任超 committed
70 71
    width: 100%;
    height: 100%;
任超 committed
72
    overflow: hidden;
任超 committed
73 74 75 76 77 78
}

.contentCenter {
    position: absolute;
    top: 50%;
    left: 50%;
任超 committed
79
    transform: translate(calc(-50% + 85px), -50%);
任超 committed
80 81 82 83 84 85
}

.mainCenter {
    position: absolute;
    top: 50%;
    left: 50%;
任超 committed
86
    transform: translate(-50%, -50%);
任超 committed
87
}