fix: Error at table size in dark mode

2021-12-05 18:30:21 -08:00
parent 2db49820f9
commit d9cb40ae84
2 changed files with 5 additions and 6 deletions
--- a/app/hooks/useMobile.ts
+++ b/app/hooks/useMobile.ts
@@ -1,7 +1,6 @@
-import { useTheme } from "styled-components";
+import { base } from "@shared/theme";
 import useMediaQuery from "~/hooks/useMediaQuery";

 export default function useMobile(): boolean {
-  const theme = useTheme();
-  return useMediaQuery(`(max-width: ${theme.breakpoints.tablet - 1}px)`);
+  return useMediaQuery(`(max-width: ${base.breakpoints.tablet - 1}px)`);
 }