Homarr/src/tools/hooks/useScreenLargerThan.ts

import { MantineSize, useMantineTheme } from '@mantine/core';
import { useMediaQuery } from '@mantine/hooks';

export const useScreenLargerThan = (size: MantineSize | number) => {
  const { breakpoints } = useMantineTheme();
  const pixelCount = typeof size === 'string' ? breakpoints[size] : size;
  return useMediaQuery(`(min-width: ${pixelCount}px)`);
};