taier-ui/src/pages/console/cluster/detail/index.scss
$node-size: 24px;

.cluster-detail.ant-layout {
    background: transparent;
    height: 100%;

    .ant-tree-show-line .ant-tree-switcher {
        background: transparent;
        line-height: $node-size;
    }

    .component-popover-btns {
        width: 100%;
        margin-top: 12px;
        flex-direction: row-reverse;
    }

    .detail-container {
        height: 100%;
        width: 100%;
        overflow-y: hidden;
        background: inherit;

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

        > .ant-layout {
            height: 100%;
            background: inherit;

            > .ant-layout-content {
                overflow-y: hidden;

                .ant-empty {
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    margin: 0;
                }
            }

            > .ant-layout-footer {
                background: inherit;
                height: 40px;
                line-height: 40px;
                padding: 0;
                border-top: 1px solid var(--panel-border);
                display: flex;
                justify-content: center;
                box-shadow: 0 0 6px 0 var(--minimapSlider-hoverBackground);
                z-index: 9;
            }
        }
    }
}
