Navbar AI chats followup (#18336)

Addresses review comments from
[PR#18161](https://github.com/twentyhq/twenty/pull/18161)
This commit is contained in:
Abdul Rahman
2026-03-04 20:45:43 +05:30
committed by GitHub
parent aeedcf3353
commit c94657dc0a
16 changed files with 397 additions and 72 deletions
@@ -32,6 +32,7 @@ const StyledAnimatedContainer = styled.div<{
isExpanded: boolean;
isResizing: boolean;
}>`
height: 100vh;
max-height: 100vh;
overflow: hidden;
position: relative;
@@ -13,7 +13,7 @@ import { useAtomStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomState
import { NavigationDrawerCollapseButton } from './NavigationDrawerCollapseButton';
const StyledContainer = styled.div<{ isExpanded: boolean }>`
align-items: center;
align-items: ${({ isExpanded }) => (isExpanded ? 'center' : 'flex-start')};
display: flex;
flex-direction: ${({ isExpanded }) => (isExpanded ? 'row' : 'column')};
gap: ${({ isExpanded }) => (isExpanded ? '0' : themeCssVariables.spacing[4])};
@@ -25,6 +25,7 @@ const StyledContainer = styled.div<{ isExpanded: boolean }>`
const StyledRightActions = styled.div<{ isExpanded: boolean }>`
align-items: center;
align-self: ${({ isExpanded }) => (isExpanded ? 'auto' : 'flex-end')};
display: flex;
flex-direction: ${({ isExpanded }) => (isExpanded ? 'row' : 'column')};
gap: ${({ isExpanded }) => (isExpanded ? '0' : themeCssVariables.spacing[1])};
@@ -40,6 +41,13 @@ const StyledNavigationDrawerCollapseButton = styled(
width: ${themeCssVariables.spacing[6]};
`;
const StyledWorkspaceDropdownContainer = styled.div`
min-height: ${themeCssVariables.spacing[8]};
display: flex;
align-items: center;
justify-content: center;
`;
type NavigationDrawerHeaderProps = {
showCollapseButton: boolean;
};
@@ -55,7 +63,9 @@ export const NavigationDrawerHeader = ({
return (
<StyledContainer isExpanded={isNavigationDrawerExpanded}>
<MultiWorkspaceDropdownButton />
<StyledWorkspaceDropdownContainer>
<MultiWorkspaceDropdownButton />
</StyledWorkspaceDropdownContainer>
{!isMobile && (
<StyledRightActions isExpanded={isNavigationDrawerExpanded}>
<LightIconButton