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

feat: adjust navigation drawer design (#4242)

Browse Source 
Closes #3969, Closes #4240
This commit is contained in:
Thaïs
2024-02-29 12:49:23 -03:00
committed by GitHub
parent a892d0f653
commit 6ec0e5e995
4 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/twenty-front/src/modules/settings/components/SettingsNavigationDrawerItems.tsx
View File

@ -9,11 +9,11 @@ import {
IconApps, IconApps,
IconAt, IconAt,
IconCalendarEvent, IconCalendarEvent,
IconCode,
IconColorSwatch, IconColorSwatch,
IconDoorEnter, IconDoorEnter,
IconHierarchy2, IconHierarchy2,
IconMail, IconMail,
IconRobot,
IconSettings, IconSettings,
IconUserCircle, IconUserCircle,
IconUsers, IconUsers,
@ -98,7 +98,7 @@ export const SettingsNavigationDrawerItems = () => {
<SettingsNavigationDrawerItem <SettingsNavigationDrawerItem
label="Developers" label="Developers"
path={SettingsPath.Developers} path={SettingsPath.Developers}
Icon={IconRobot} Icon={IconCode}
/> />
<SettingsNavigationDrawerItem <SettingsNavigationDrawerItem
label="Integrations" label="Integrations"

3
packages/twenty-front/src/modules/ui/display/icon/index.ts
View File

@ -36,6 +36,7 @@ export {
IconChevronUp, IconChevronUp,
IconCircleDot, IconCircleDot,
IconClick, IconClick,
IconCode,
IconCoins, IconCoins,
IconColorSwatch, IconColorSwatch,
IconMessageCircle as IconComment, IconMessageCircle as IconComment,
@ -80,7 +81,6 @@ export {
IconList, IconList,
IconListNumbers, IconListNumbers,
IconLock, IconLock,
IconLogout,
IconMail, IconMail,
IconMailCog, IconMailCog,
IconMap, IconMap,
@ -103,7 +103,6 @@ export {
IconRelationOneToMany, IconRelationOneToMany,
IconRelationOneToOne, IconRelationOneToOne,
IconRepeat, IconRepeat,
IconRobot,
IconSearch, IconSearch,
IconSend, IconSend,
IconSettings, IconSettings,

2
packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerItem.tsx
View File

@ -77,7 +77,7 @@ const StyledItem = styled.div<StyledItemProps>`
`; `;
const StyledItemLabel = styled.div` const StyledItemLabel = styled.div`
font-size: ${({ theme }) => theme.font.size.md}; font-weight: ${({ theme }) => theme.font.weight.medium};
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;

4
packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawer.stories.tsx
View File

@ -10,7 +10,7 @@ import {
IconCalendarEvent, IconCalendarEvent,
IconCheckbox, IconCheckbox,
IconColorSwatch, IconColorSwatch,
IconLogout, IconDoorEnter,
IconMail, IconMail,
IconSearch, IconSearch,
IconSettings, IconSettings,
@ -139,7 +139,7 @@ export const Submenu: Story = {
<NavigationDrawerSection> <NavigationDrawerSection>
<NavigationDrawerSectionTitle label="Other" /> <NavigationDrawerSectionTitle label="Other" />
<NavigationDrawerItem label="Logout" Icon={IconLogout} /> <NavigationDrawerItem label="Logout" Icon={IconDoorEnter} />
</NavigationDrawerSection> </NavigationDrawerSection>
</> </>
), ),