Update UserInfo.tsx

beyondessential · Nov 7, 2024 · d22c04c · d22c04c
1 parent 6e5b013
commit d22c04c
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/datatrak-web/src/layout/UserMenu/UserInfo.tsx b/packages/datatrak-web/src/layout/UserMenu/UserInfo.tsx
@@ -9,7 +9,7 @@ import { Typography } from '@material-ui/core';
 import { RouterLink } from '@tupaia/ui-components';
 import { Button, ChangeProjectButton } from '../../components';
 import { useCurrentUserContext } from '../../api';
-import { DESKTOP_MEDIA_QUERY, ROUTES } from '../../constants';
+import { ROUTES } from '../../constants';
 
 const Wrapper = styled.div`
   padding-inline-start: 1rem;
@@ -20,15 +20,15 @@ const Wrapper = styled.div`
 
 export const UserDetails = styled.div`
   align-items: baseline;
-  display: none;
+  display: flex;
   font-size: 1.2em;
   gap: 0.5rem;
   padding-inline: 0.5rem;
   > span {
     color: ${props => props.theme.palette.text.primary};
   }
-  ${DESKTOP_MEDIA_QUERY} {
-    display: flex;
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    display: none;
   }
 `;