.studio-view.view-container.mode-style2 {
    display: flex;
    flex-direction: column;

    .view-top {
        flex-shrink: 0;
        height: 40px;
        overflow: hidden;
        color: var(--view-font-color);
        border-bottom: 1px solid var(--app-dividing-line-color-bright);
    }

    .view-toolbar {
        height: 100%;
        float: left;
    }

    .quick-search {
        float: right;
        padding-top: 4px;

        .ivu-input.ivu-input-default.ivu-input-with-suffix {
            height: 32px;
            line-height: 32px;
        }

        .ivu-input-icon {
            width: 32px;
            height: 32px;
            line-height: 32px;
        }
    }

    .view-header {
        flex-shrink: 0;
        height: 50px;
        border: 0;

        >.title {
            font-size: 20px;
        }

        >.quick-search {
            float: right;
        }
    }

    .view-search-wrapper {
        flex-shrink: 0;
    }

    .view-content {
        flex-grow: 1;
        height: auto;
    }

    .view-footer {
        flex-shrink: 0;
    }
}