bug(NagivationTab): prevent min height if no children (#1669)

getlago · Aug 19, 2024 · f50368f · f50368f
1 parent b7e60b9
commit f50368f
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/designSystem/NavigationTab.tsx b/src/components/designSystem/NavigationTab.tsx
@@ -98,6 +98,7 @@ export const NavigationTab = ({
           onChange={handleChange}
           value={value}
           $leftPadding={leftPadding}
+          $nonHiddenTabsLength={nonHiddenTabs.length}
         >
           {nonHiddenTabs.length >= 2
             ? nonHiddenTabs.map((tab, tabIndex) => {
@@ -151,10 +152,10 @@ const TabsWrapper = styled.div`
   box-shadow: ${theme.shadows[7]};
 `
 
-const LocalTabs = styled(Tabs)<{ $leftPadding: boolean }>`
+const LocalTabs = styled(Tabs)<{ $leftPadding: boolean; $nonHiddenTabsLength: number }>`
   align-items: center;
   overflow: visible;
-  min-height: ${theme.spacing(13)};
+  min-height: ${({ $nonHiddenTabsLength }) => $nonHiddenTabsLength > 1 && theme.spacing(13)};
 
   ${({ $leftPadding }) =>
     !!$leftPadding &&