admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix workspace menu width varies (#11505)

Browse Source 
Before


https://github.com/user-attachments/assets/cd386034-bddd-4452-bb7f-2b3749ba74d6

After


https://github.com/user-attachments/assets/07ab40b1-0f8d-4b80-b0db-ad1ea8c584f7
This commit is contained in:
Weiko
2025-04-10 14:47:40 +02:00
committed by GitHub
parent 5b1091b19e
commit 1802c30995
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/MultiWorkspaceDropdownDefaultComponents.tsx
View File

@ -173,7 +173,7 @@ export const MultiWorkspaceDropdownDefaultComponents = () => {
<DropdownMenuSeparator /> <DropdownMenuSeparator />
</> </>
)} )}
<StyledDropdownMenuItemsContainer> <DropdownMenuItemsContainer>
<MenuItem <MenuItem
LeftIcon={colorSchemeList.find(({ id }) => id === colorScheme)?.icon} LeftIcon={colorSchemeList.find(({ id }) => id === colorScheme)?.icon}
text={ text={
@ -192,7 +192,7 @@ export const MultiWorkspaceDropdownDefaultComponents = () => {
<MenuItem LeftIcon={IconUserPlus} text={t`Invite user`} /> <MenuItem LeftIcon={IconUserPlus} text={t`Invite user`} />
</UndecoratedLink> </UndecoratedLink>
<MenuItem LeftIcon={IconLogout} text={t`Log out`} onClick={signOut} /> <MenuItem LeftIcon={IconLogout} text={t`Log out`} onClick={signOut} />
</StyledDropdownMenuItemsContainer> </DropdownMenuItemsContainer>
</> </>
); );
}; };

10
packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/MultiWorkspaceDropdownThemesComponents.tsx
View File

@ -1,10 +1,10 @@
import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer';
import { useLingui } from '@lingui/react/macro';
import { multiWorkspaceDropdownState } from '@/ui/navigation/navigation-drawer/states/multiWorkspaceDropdownState';
import { useSetRecoilState } from 'recoil';
import { useColorScheme } from '@/ui/theme/hooks/useColorScheme';
import { DropdownMenuHeader } from '@/ui/layout/dropdown/components/DropdownMenuHeader/DropdownMenuHeader'; import { DropdownMenuHeader } from '@/ui/layout/dropdown/components/DropdownMenuHeader/DropdownMenuHeader';
import { DropdownMenuHeaderLeftComponent } from '@/ui/layout/dropdown/components/DropdownMenuHeader/internal/DropdownMenuHeaderLeftComponent'; import { DropdownMenuHeaderLeftComponent } from '@/ui/layout/dropdown/components/DropdownMenuHeader/internal/DropdownMenuHeaderLeftComponent';
import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer';
import { multiWorkspaceDropdownState } from '@/ui/navigation/navigation-drawer/states/multiWorkspaceDropdownState';
import { useColorScheme } from '@/ui/theme/hooks/useColorScheme';
import { useLingui } from '@lingui/react/macro';
import { useSetRecoilState } from 'recoil';
import { IconCheck, IconChevronLeft } from 'twenty-ui/display'; import { IconCheck, IconChevronLeft } from 'twenty-ui/display';
import { MenuItem } from 'twenty-ui/navigation'; import { MenuItem } from 'twenty-ui/navigation';