Files
Homarr/src/hooks/useScreenLargerThan.ts
ajnart 3bb0f20066 🧑‍💻 Address PR comments
2023-03-21 11:26:19 +08:00

10 lines
421 B
TypeScript

import { MantineSize, useMantineTheme } from '@mantine/core';
import { useMediaQuery } from '@mantine/hooks';
import { MIN_WIDTH_MOBILE } from '../constants/constants';
export const useScreenLargerThan = (size: MantineSize | number) => {
const { breakpoints } = useMantineTheme();
const pixelCount = typeof size === 'string' ? breakpoints[size] : size;
return useMediaQuery(`(min-width: ${MIN_WIDTH_MOBILE})`);
};