tntd/lib/tabs-container/index.less

tntd是基于 TNT Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。

.tnt-tabs-v-container {
    &.tnt-current-v2 {
        .ant-tabs-bar.ant-tabs-top-bar {
            margin-bottom: 0;
            background: #fff;
            border-bottom: none;
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
            overflow: visible;
            z-index: 2;
            position: relative;
            padding-left: 20px;
        }
        .ant-tabs-nav .ant-tabs-tab {
            padding: 9px 15px 10px;
            // margin-right: 0;
        }
        .ant-tabs-nav-wrap,
        .ant-tabs-nav-container {
            margin-bottom: 0;
        }
        .ant-tabs-ink-bar {
            bottom: 0;
        }
        .tnt-querylistscene-content {
            max-height: calc(100vh - 90px);
            overflow: hidden auto;
        }
    }
    &.tnt-current-v3 {
        .ant-tabs {
            overflow: initial;
        }
        .tnt-tabs.ant-tabs.ant-tabs-ladder-card.ant-tabs-top {
            left: 0;
            padding: 0;

            .ant-tabs-nav {
                margin-top: 8px;
            }
            .ant-tabs-tabpane {
                padding: 0;
            }
        }
        .tnt-querylistscene-content {
            max-height: calc(100vh - 131px);
            overflow: hidden auto;
            background-color: transparent;
            padding: 20px 16px 16px 16px;
        }
    }
}