fix : UI flickering

2024-02-26 19:40:55 +01:00
parent 525f68f1fd
commit d5d1363da1
7 changed files with 35 additions and 21 deletions
--- a/src/hooks/useScreenSize.ts
+++ b/src/hooks/useScreenSize.ts
@@ -39,12 +39,12 @@ export const useScreenSize = () => {
    const width = screenSize.width;
    const height = screenSize.height;

-    // 900 is the md layout breakpoint
-    if (width < 900) {
-      return Math.min(width, height) * 0.95;
+    // 1200 is the lg layout breakpoint
+    if (window?.innerWidth < 1200) {
+      return Math.min(width, height - 150);
    }

-    return Math.min(width - 500, height) * 0.95;
+    return Math.min(width - 600, height);
  };

  return { ...screenSize, boardSize: getBoardSize() };