Feat/improve mobile display (#843)

* Ok 1

* Finished

* Fix PR

* Fix PR

* Fix desktop

* Fix

* Fix absolute listen click outside

* console.log

* Fix according to code review

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
Lucas Bordeau
2023-07-23 19:53:35 +02:00
committed by GitHub
parent 742791bd92
commit 21d5133564
45 changed files with 464 additions and 315 deletions

View File

@ -1,5 +1,7 @@
import styled from '@emotion/styled';
import { useIsMobile } from '@/ui/hooks/useIsMobile';
import { RightDrawerTopBarCloseButton } from './RightDrawerTopBarCloseButton';
import { RightDrawerTopBarExpandButton } from './RightDrawerTopBarExpandButton';
@ -20,10 +22,12 @@ const StyledRightDrawerTopBar = styled.div`
`;
export function RightDrawerTopBar() {
const isMobile = useIsMobile();
return (
<StyledRightDrawerTopBar>
<RightDrawerTopBarCloseButton />
<RightDrawerTopBarExpandButton />
{!isMobile && <RightDrawerTopBarExpandButton />}
</StyledRightDrawerTopBar>
);
}