Navbar AI chats followup (#18336)
Addresses review comments from [PR#18161](https://github.com/twentyhq/twenty/pull/18161)
This commit is contained in:
+1
@@ -32,6 +32,7 @@ const StyledAnimatedContainer = styled.div<{
|
||||
isExpanded: boolean;
|
||||
isResizing: boolean;
|
||||
}>`
|
||||
height: 100vh;
|
||||
max-height: 100vh;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
|
||||
+12
-2
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user