@use './mixins/mixins' as *;

@include b('dialog') {
    /** 默认居中 */
    // margin-top: 0!important;
    // position: relative;
    // top: 50%;
    // transform: translateY(-50%);

    // 重置样式
    .el-dialog__header {
        position: relative;
        display: flex;
        align-items: center;
        height: 54px;
        padding: 0 15px;
        margin-right: 0;
        border-bottom: 1px solid var(--el-border-color-lighter);
    }

    .el-dialog__body {
        padding: 0;
    }

    .el-dialog__footer {
        display: flex;
        align-items: center;
        padding: 12px 15px;
        border-top: 1px solid var(--el-border-color-lighter);

        .el-button[large] {
            min-width: 90px;
        }
    }

    @include e('body') {
        padding: 15px;
        box-sizing: border-box;
    }

    &__drag-icon, 
    &__close-icon {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;

        &:hover {
            background-color: #f6f6f6;
        }
    }

    @include e('foot-left') {
        flex: 1;
        display: flex;
        align-items: center;
    }
}