Files
suwayomi-material-you-webui/src/lib/ui/MediaQuery.tsx

26 lines
789 B
TypeScript
Raw Normal View History

2024-05-23 02:28:37 +02:00
/*
* Copyright (C) Contributors to the Suwayomi project
*
* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at https://mozilla.org/MPL/2.0/.
*/
import useMediaQuery from '@mui/material/useMediaQuery';
import { Breakpoint } from '@mui/material/styles';
2024-05-23 02:37:40 +02:00
import { getCurrentTheme } from '@/theme.ts';
2024-05-23 02:28:37 +02:00
export class MediaQuery {
static useIsTouchDevice(): boolean {
return useMediaQuery('not (pointer: fine)');
}
2024-05-23 02:37:40 +02:00
static useIsBelowWidth(breakpoint: Breakpoint): boolean {
return useMediaQuery(getCurrentTheme().breakpoints.down(breakpoint));
}
2024-05-23 02:37:40 +02:00
static useIsMobileWidth(): boolean {
return this.useIsBelowWidth('sm');
2024-05-23 02:37:40 +02:00
}
2024-05-23 02:28:37 +02:00
}