.grid-view-layout {
    height: 100%;
    box-shadow: none;
    overflow: auto;
    display: flex;
    flex-direction: column;
    padding: 0 20px;
    .view-header__top {
        padding: 20px 0;
        line-height: 17px;
        display: flex;
        flex-direction: column;
        position: relative;
        align-items: center;
        justify-content: flex-end;

        .app-caption {
            position: absolute;
            left: 0;
        }
    }
    .view-header__content {
        display: flex;
        flex-direction: column;
        padding: 20px;
        gap: 20px;
        border: 1px solid var(--app-color-gray-200);
        border-radius: 6px;
        .quick-search-container {
            display: flex;
            gap: 20px;
            .ivu-btn {
                width: 108px;
                height: 34px;
            }
        }
        .app-search-form .search-button {
            display: none;
        }
    }
    .view-header__bottom {
        padding: 16px 0;
        .toolbar-container {
            justify-content: flex-start;
        }
    }
    >.view-content {
        flex: auto;
        background: var(--app-color-white);
    }
}