devfty/dist/react/page/billList/index.less

Devfty is a library for developer building low code factory

.mini-bill-list-container {
    display: flex;
    flex-direction: column;
    padding: 20px;
    .mini-bill-list-header {
        height: 90px;
        display: flex;
        flex-direction: column;
        .mini-bill-list-header-filter {
            flex: 1;
            display: flex;
            flex-direction: row;
            .mini-bill-list-header-filter-content {
                flex: 1;
                display: flex;
                flex-direction: row;
                .mini-bill-list-header-filter-conditions {
                    display: flex;
                    // flex-direction: column;
                }
            }
            .mini-bill-list-header-filter-toolbar {
                width: 90px;
                padding-left: 10px;
            }
        }
    }

    .mini-bill-list-toolbar {
        height: 32px;
        text-align: right;
    }
    .mini-bill-list-content {
        flex: 1;
        padding-top: 10px;
    }
}

.mini-bill-list {
    padding: 10px;
    overflow: auto;

    .mini-bill-list-filter {
        // max-height: 90px;
    }

    .mini-bill-list-content {
        flex: 1;
    }

    .ant-card1 {
        width: 100%;
        height: 100%;
        .ant-card-body {
            width: 100%;
            height: 100%;
        }

        .ant-spin-nested-loading {
            width: 100%;
            height: 100%;
            .ant-spin-container {
                height: 100%;
            }
        }
    }
}