fix(hydra): Use innerWidth and innerHeight for default canvas size + …

…pixelated image rendering Fixes #234
munshkr · Mar 31, 2024 · f61577a · f61577a
1 parent 9fbeb43
commit f61577a
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/web/src/components/hydra-canvas.tsx b/packages/web/src/components/hydra-canvas.tsx
@@ -16,8 +16,9 @@ const HydraCanvas = React.forwardRef(
         "absolute top-0 left-0",
         fullscreen && "h-full w-full block overflow-hidden"
       )}
-      width={1280}
-      height={720}
+      style={{ imageRendering: "pixelated" }}
+      width={window.innerWidth}
+      height={window.innerHeight}
     />
   )
 );