aboutsummaryrefslogtreecommitdiff
path: root/FrontEnd/src/utilities/hooks/mediaQuery.ts
diff options
context:
space:
mode:
authorcrupest <crupest@outlook.com>2022-04-24 19:56:15 +0800
committercrupest <crupest@outlook.com>2022-04-24 19:56:15 +0800
commitc81dfffe0076c94dc61397fd17677cb24f67cdf2 (patch)
tree8cf9811371dfb68a487bbde199c67628e12ed020 /FrontEnd/src/utilities/hooks/mediaQuery.ts
parent4fdf7d1cb50c3dd8ea8e96f7fb4cf8f655152dcc (diff)
downloadtimeline-c81dfffe0076c94dc61397fd17677cb24f67cdf2.tar.gz
timeline-c81dfffe0076c94dc61397fd17677cb24f67cdf2.tar.bz2
timeline-c81dfffe0076c94dc61397fd17677cb24f67cdf2.zip
...
Diffstat (limited to 'FrontEnd/src/utilities/hooks/mediaQuery.ts')
-rw-r--r--FrontEnd/src/utilities/hooks/mediaQuery.ts5
1 files changed, 5 insertions, 0 deletions
diff --git a/FrontEnd/src/utilities/hooks/mediaQuery.ts b/FrontEnd/src/utilities/hooks/mediaQuery.ts
new file mode 100644
index 00000000..ad55c3c0
--- /dev/null
+++ b/FrontEnd/src/utilities/hooks/mediaQuery.ts
@@ -0,0 +1,5 @@
+import { useMediaQuery } from "react-responsive";
+
+export function useIsSmallScreen(): boolean {
+ return useMediaQuery({ maxWidth: 576 });
+}