diff --git a/packages/devui/src/Container/styles/index.ts b/packages/devui/src/Container/styles/index.ts index 8c259671..d8be6617 100644 --- a/packages/devui/src/Container/styles/index.ts +++ b/packages/devui/src/Container/styles/index.ts @@ -6,8 +6,7 @@ export const MainContainerWrapper = styled.div` height: 100%; width: 100%; flex-flow: column nowrap; - flex-shrink: 1; - min-height: 0; + overflow: auto; background-color: ${(props) => color(props.theme.base00, 'lighten', 0.03)}; color: ${(props) => props.theme.base07}; font-size: 12px; @@ -32,8 +31,7 @@ export const MainContainerWrapper = styled.div` flex-grow: 1; display: flex; flex-flow: column nowrap; - flex-shrink: 1; - min-height: 0; + overflow: auto; > div { flex-grow: 1; @@ -46,6 +44,5 @@ export const ContainerWrapper = styled.div` height: 100%; width: 100%; flex-flow: column nowrap; - flex-shrink: 1; - min-height: 0; + overflow: auto; `; diff --git a/packages/devui/src/Tabs/Tabs.tsx b/packages/devui/src/Tabs/Tabs.tsx index 7b073df0..3ca12f1d 100644 --- a/packages/devui/src/Tabs/Tabs.tsx +++ b/packages/devui/src/Tabs/Tabs.tsx @@ -15,12 +15,6 @@ export interface TabsProps
{ } export default class Tabs
extends Component ) {
- super(props);
- this.updateTabs(props);
- }
-
- tabsHeader?: ReactButtonElement[];
SelectedComponent?: React.ComponentType ;
selector?: () => P;
@@ -32,11 +26,11 @@ export default class Tabs extends Component ): void {
- const tabs = props.tabs;
- const selected = props.selected;
+ renderTabs() {
+ const tabs = this.props.tabs;
+ const selected = this.props.selected;
- this.tabsHeader = tabs.map((tab, i) => {
+ return tabs.map((tab, i) => {
let isSelected;
const value = typeof tab.value !== 'undefined' ? tab.value : tab.name;
if (value === selected) {
@@ -61,11 +55,9 @@ export default class Tabs extends Component