diff --git a/apps/client/src/common/components/navigation-menu/NavigationMenu.tsx b/apps/client/src/common/components/navigation-menu/NavigationMenu.tsx index 837ee2763..fdcf0c07c 100644 --- a/apps/client/src/common/components/navigation-menu/NavigationMenu.tsx +++ b/apps/client/src/common/components/navigation-menu/NavigationMenu.tsx @@ -5,7 +5,7 @@ import { useLocation } from 'react-router'; import { Dialog } from '@base-ui-components/react/dialog'; import { useDisclosure, useFullscreen } from '@mantine/hooks'; -import { isLocalhost } from '../../../externals'; +import { isLocalhost, supportsFullscreen } from '../../../externals'; import { useKeepAwakeOptions } from '../../../features/keep-awake/KeepAwake'; import { navigatorConstants } from '../../../viewerConfig'; import { useClientStore } from '../../stores/clientStore'; @@ -56,10 +56,12 @@ function NavigationMenu({ isOpen, onClose }: NavigationMenuProps) {
- - Toggle Fullscreen - {fullscreen ? : } - + {supportsFullscreen && ( + + Toggle Fullscreen + {fullscreen ? : } + + )} toggleMirror()}> Flip Screen diff --git a/apps/client/src/externals.ts b/apps/client/src/externals.ts index 28121b2ee..a11867048 100644 --- a/apps/client/src/externals.ts +++ b/apps/client/src/externals.ts @@ -23,7 +23,9 @@ export const isDev = import.meta.env.DEV; export const currentHostName = window.location.hostname; export const isLocalhost = currentHostName === 'localhost' || currentHostName === '127.0.0.1'; export const isOntimeCloud = document.querySelector('base')?.hasAttribute('data-is-cloud') + export const isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0; +export const supportsFullscreen = document.fullscreenEnabled; // resolve entrypoint URLs