scottk/twenty
1
0
Fork 0
mirror of https://github.com/lingble/twenty.git synced 2025-11-02 21:57:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixed button size (#3194)

Browse Source 
* fixed button size

* Fixes

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
Suman Sahoo
2024-01-04 02:26:50 +05:30
committed by GitHub
parent 5413513554
commit df6ceb7dfe
1 changed files with 4 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -39,7 +39,7 @@ const StyledLeftContainer = styled.div`
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: ${({ theme }) => theme.spacing(1)}; gap: ${({ theme }) => theme.spacing(1)};
padding-left: ${({ theme }) => theme.spacing(2)}; padding-left: ${({ theme }) => theme.spacing(1)};
width: 100%; width: 100%;
@media (max-width: ${MOBILE_VIEWPORT}px) { @media (max-width: ${MOBILE_VIEWPORT}px) {
@@ -54,14 +54,10 @@ const StyledTitleContainer = styled.div`
max-width: 50%; max-width: 50%;
`; `;
const StyledBackIconButton = styled(IconButton)`
margin-right: ${({ theme }) => theme.spacing(1)};
`;
const StyledTopBarIconStyledTitleContainer = styled.div` const StyledTopBarIconStyledTitleContainer = styled.div`
align-items: center; align-items: center;
display: flex; display: flex;
flex: 1 0 100%; flex: 1 0 auto;
flex-direction: row; flex-direction: row;
`; `;
@@ -102,9 +98,9 @@ export const PageHeader = ({
</StyledTopBarButtonContainer> </StyledTopBarButtonContainer>
)} )}
{hasBackButton && ( {hasBackButton && (
<StyledBackIconButton <IconButton
Icon={IconChevronLeft} Icon={IconChevronLeft}
size={isMobile ? 'small' : 'medium'} size="small"
onClick={() => navigate(-1)} onClick={() => navigate(-1)}
variant="tertiary" variant="tertiary"
/> />