Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-16 10:16:20 +01:00
Code Issues Packages Projects Releases Wiki Activity

🚑 Fix sidebar ribbons breakpoint

Browse Source
This commit is contained in:
Manuel
2023-04-06 22:53:44 +02:00
committed by Manuel
parent 648f60fab4
commit 984292482a
1 changed files with 1 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/hooks/useScreenLargerThan.ts
View File

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