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

Fixed Navbar padding issue #11438 (#11470)

Browse Source 
@Bonapara 
Related Issue: Fixes #11438.

Screenshot:
![Screenshot 2025-04-09 at 4 10
41 PM](https://github.com/user-attachments/assets/4c5346b6-4e1c-4441-bd8a-b88aee139b9b)

---------

Co-authored-by: guillim <guigloo@msn.com>
Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
This commit is contained in:
Murali Singh
2025-04-09 20:52:49 +05:30
committed by GitHub
parent 5d9cd257ae
commit b6c079f050
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/twenty-front/src/modules/ui/layout/page-header/components/PageHeaderToggleCommandMenuButton.tsx
View File

@ -7,8 +7,8 @@ import { i18n } from '@lingui/core';
import { t } from '@lingui/core/macro'; import { t } from '@lingui/core/macro';
import { motion } from 'framer-motion'; import { motion } from 'framer-motion';
import { useRecoilValue } from 'recoil'; import { useRecoilValue } from 'recoil';
import { AnimatedButton } from 'twenty-ui/input';
import { AppTooltip, TooltipDelay, TooltipPosition } from 'twenty-ui/display'; import { AppTooltip, TooltipDelay, TooltipPosition } from 'twenty-ui/display';
import { AnimatedButton } from 'twenty-ui/input';
import { getOsControlSymbol, useIsMobile } from 'twenty-ui/utilities'; import { getOsControlSymbol, useIsMobile } from 'twenty-ui/utilities';
const StyledButtonWrapper = styled.div` const StyledButtonWrapper = styled.div`
@ -118,7 +118,7 @@ export const PageHeaderToggleCommandMenuButton = () => {
const theme = useTheme(); const theme = useTheme();
return ( return (
<> <div>
<StyledButtonWrapper> <StyledButtonWrapper>
<div id="toggle-command-menu-button"> <div id="toggle-command-menu-button">
<AnimatedButton <AnimatedButton
@ -153,6 +153,6 @@ export const PageHeaderToggleCommandMenuButton = () => {
noArrow noArrow
/> />
</StyledTooltipWrapper> </StyledTooltipWrapper>
</> </div>
); );
}; };

2
packages/twenty-front/src/modules/ui/layout/page/components/PageHeader.tsx
View File

@ -72,7 +72,7 @@ const StyledTopBarIconStyledTitleContainer = styled.div`
const StyledPageActionContainer = styled.div` const StyledPageActionContainer = styled.div`
display: inline-flex; display: inline-flex;
gap: ${({ theme }) => theme.spacing(2)}; gap: ${({ theme }) => theme.spacing(2)};
flex: 1 0 1; flex: 1 0 auto;
`; `;
const StyledTopBarButtonContainer = styled.div` const StyledTopBarButtonContainer = styled.div`