Files
slash-e/frontend/web/src/hooks/useResponsiveWidth.ts
2023-11-12 10:47:49 +08:00

21 lines
428 B
TypeScript

/* eslint-disable no-unused-vars */
import useWindowSize from "react-use/lib/useWindowSize";
enum TailwindResponsiveWidth {
sm = 640,
md = 768,
lg = 1024,
}
const useResponsiveWidth = () => {
const { width } = useWindowSize();
return {
sm: width >= TailwindResponsiveWidth.sm,
md: width >= TailwindResponsiveWidth.md,
lg: width >= TailwindResponsiveWidth.lg,
};
};
export default useResponsiveWidth;