UI bugfix for Windows

hppanpaliya · May 1, 2023 · 56eec1b · 56eec1b
1 parent 5224103
commit 56eec1b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Chatbot/index.js b/src/components/Chatbot/index.js
@@ -47,7 +47,7 @@ function Chatbot() {
   return (
     <>
       <Box
-        height={isSmallScreen ? `calc(${window.innerHeight} - 58px)` : `calc(${window.innerHeight} - 64px)`} // 100svh - 58px --
+        height={isSmallScreen ? window.innerHeight - 58 : window.innerHeight - 64} // 100svh - 58px --
         display="flex"
         flexDirection="column"
         overflow="hidden"

diff --git a/src/components/DrawingApp/index.js b/src/components/DrawingApp/index.js
@@ -30,7 +30,7 @@ const DrawingApp = () => {
   } = useDrawing(color, brushSize);
 
   return (
-    <div className="drawingApp" ref={containerRef} style={{ height: `calc(${window.innerHeight}) - 50px - 1rem` }}>
+    <div className="drawingApp" ref={containerRef} style={{ height: `calc(${window.innerHeight}px - 50px - 1rem)` }}>
       <div ref={topRef}></div>
       <Box
         sx={{