style : engine settings dialog

src/hooks/useScreenSize.ts

@@ -0,0 +1,27 @@
+import { useEffect, useState } from "react";
+
+export const useScreenSize = () => {
+  const [screenSize, setScreenSize] = useState({
+    width: window?.innerWidth ?? 500,
+    height: window?.innerHeight ?? 500,
+  });
+
+  useEffect(() => {
+    if (window === undefined) return;
+
+    const handleResize = () => {
+      setScreenSize({
+        width: window.innerWidth,
+        height: window.innerHeight,
+      });
+    };
+
+    window.addEventListener("resize", handleResize);
+
+    return () => {
+      window.removeEventListener("resize", handleResize);
+    };
+  }, []);
+
+  return screenSize;
+};