@import '../../style/index.less';

.@{acud-pro-prefix}-hooks-table-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 16px;
}

.@{acud-pro-prefix}-hooks-table-toolbar-left {
    display: flex;
    align-items: center;
    & > *:nth-child(n + 2) {
        margin-left: 8px;
    }
    .aibp-list-filter {
        float: none;
        margin: 0;
    }
}

.@{acud-pro-prefix}-hooks-table-toolbar-bulk,
.@{acud-pro-prefix}-hooks-table-toolbar-filter {
    display: flex;

    & > *:nth-child(n + 2) {
        margin-left: 8px;
    }
}
.@{acud-pro-prefix}-hooks-table-selected-count {
    color: @gray;
    font-size: 12px;
}

.@{acud-pro-prefix}-hooks-table {
    &-dialog-box {
        & &-cancel-btn + &-ok-btn {
            margin-left: 8px;
        }
    }
    &-modal {
        & &-cancel-btn + &-ok-btn {
            margin-left: 8px;
        }
    }
    &-drawer {
        & &-cancel-btn + &-ok-btn {
            margin-left: 8px;
        }
    }

    // 水平垂直居中展示空状态
    &,
    & > .@{acud-prefix}-table-wrapper,
    & > .@{acud-prefix}-table-wrapper > .@{acud-prefix}-loading-loading-wrapper,
    & > .@{acud-prefix}-table-wrapper > .@{acud-prefix}-loading-loading-wrapper > div,
    & > .@{acud-prefix}-table-wrapper > .@{acud-prefix}-loading-loading-wrapper > div > .@{acud-prefix}-table.@{acud-prefix}-table-empty,
    & > .@{acud-prefix}-table-wrapper > .@{acud-prefix}-loading-loading-wrapper > div > .@{acud-prefix}-table.@{acud-prefix}-table-empty > .@{acud-prefix}-table-container,
    & > .@{acud-prefix}-table-wrapper > .@{acud-prefix}-loading-loading-wrapper > div > .@{acud-prefix}-table.@{acud-prefix}-table-empty > .@{acud-prefix}-table-container > .@{acud-prefix}-table-content,
    & > .@{acud-prefix}-table-wrapper > .@{acud-prefix}-loading-loading-wrapper > div > .@{acud-prefix}-table.@{acud-prefix}-table-empty > .@{acud-prefix}-table-container > .@{acud-prefix}-table-body {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    & > .@{acud-prefix}-table-wrapper > .@{acud-prefix}-loading-loading-wrapper > div > .@{acud-prefix}-table.@{acud-prefix}-table-empty > .@{acud-prefix}-table-container {
        & > .@{acud-prefix}-table-content > table,
        & > .@{acud-prefix}-table-body > table {
            flex: 1;
        }
    }
}