feat: add styled container for workspace dropdown in navigation drawer header

- Introduced `StyledWorkspaceDropdownContainer` to wrap the `MultiWorkspaceDropdownButton`, enhancing layout and alignment.
- Updated styles to ensure consistent spacing and centering within the navigation drawer header.
This commit is contained in:
Abdul Rahman
2026-03-03 03:36:22 +05:30
parent 7809f83e72
commit 861376ef30
@@ -39,6 +39,13 @@ const StyledNavigationDrawerCollapseButton = styled(
width: ${({ theme }) => theme.spacing(6)};
`;
const StyledWorkspaceDropdownContainer = styled.div`
min-height: ${({ theme }) => theme.spacing(8)};
display: flex;
align-items: center;
justify-content: center;
`;
type NavigationDrawerHeaderProps = {
showCollapseButton: boolean;
};
@@ -54,7 +61,9 @@ export const NavigationDrawerHeader = ({
return (
<StyledContainer isExpanded={isNavigationDrawerExpanded}>
<MultiWorkspaceDropdownButton />
<StyledWorkspaceDropdownContainer>
<MultiWorkspaceDropdownButton />
</StyledWorkspaceDropdownContainer>
{!isMobile && (
<StyledRightActions isExpanded={isNavigationDrawerExpanded}>
<LightIconButton