From 0487bf00b91b6c062dc5c262d40c15ae0b30678f Mon Sep 17 00:00:00 2001
From: Rohit <rohit.rajan031101@gmail.com>
Date: Mon, 17 Mar 2025 16:24:42 +0530
Subject: [PATCH] feat: set height to 0.72 of browser size

---
 src/components/browser/BrowserWindow.tsx   | 6 +++---
 src/components/recorder/RightSidePanel.tsx | 4 ++--
 src/context/browserDimensions.tsx          | 2 +-
 src/helpers/coordinateMapper.ts            | 2 +-
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/browser/BrowserWindow.tsx b/src/components/browser/BrowserWindow.tsx
index 61a9aeca..49c676aa 100644
--- a/src/components/browser/BrowserWindow.tsx
+++ b/src/components/browser/BrowserWindow.tsx
@@ -76,7 +76,7 @@ export const BrowserWindow = () => {
     const [attributeOptions, setAttributeOptions] = useState<AttributeOption[]>([]);
     const [selectedElement, setSelectedElement] = useState<{ selector: string, info: ElementInfo | null } | null>(null);
     const [currentListId, setCurrentListId] = useState<number | null>(null);
-    const [viewportInfo, setViewportInfo] = useState<ViewportInfo>({ width: window.innerWidth * 0.7, height: window.innerHeight * 0.64 });
+    const [viewportInfo, setViewportInfo] = useState<ViewportInfo>({ width: window.innerWidth * 0.7, height: window.innerHeight * 0.72 });
 
     const [listSelector, setListSelector] = useState<string | null>(null);
     const [fields, setFields] = useState<Record<string, TextStep>>({});
@@ -92,13 +92,13 @@ export const BrowserWindow = () => {
 
     const [dimensions, setDimensions] = useState({
         width: window.innerWidth * 0.7,
-        height: window.innerHeight * 0.64
+        height: window.innerHeight * 0.72
     });
     
     const handleResize = useCallback(() => {
         setDimensions({
             width: window.innerWidth * 0.7,
-            height: window.innerHeight * 0.64
+            height: window.innerHeight * 0.72
         });
     }, []);
     
diff --git a/src/components/recorder/RightSidePanel.tsx b/src/components/recorder/RightSidePanel.tsx
index 0c2c54b3..1e284879 100644
--- a/src/components/recorder/RightSidePanel.tsx
+++ b/src/components/recorder/RightSidePanel.tsx
@@ -55,7 +55,7 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
   const [isCaptureTextConfirmed, setIsCaptureTextConfirmed] = useState(false);
   const [isCaptureListConfirmed, setIsCaptureListConfirmed] = useState(false);
   const [panelDimensions, setPanelDimensions] = useState({
-    height: window.innerHeight * 0.64 + 137
+    height: window.innerHeight * 0.72 + 137
   });
 
   const { lastAction, notify, currentWorkflowActionsState, setCurrentWorkflowActionsState, resetInterpretationLog } = useGlobalInfoStore();
@@ -72,7 +72,7 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
   const handleResize = useCallback(() => {
     // Update panel dimensions
     setPanelDimensions({
-      height: window.innerHeight * 0.64 + 137
+      height: window.innerHeight * 0.72 + 137
     });
   }, []);
 
diff --git a/src/context/browserDimensions.tsx b/src/context/browserDimensions.tsx
index 971edf03..d7e229d5 100644
--- a/src/context/browserDimensions.tsx
+++ b/src/context/browserDimensions.tsx
@@ -8,7 +8,7 @@ interface BrowserDimensions {
 
 class BrowserDimensionsStore implements Partial<BrowserDimensions> {
   width: number = window.innerWidth * 0.7;
-  height: number = window.innerHeight * 0.64;
+  height: number = window.innerHeight * 0.72;
 };
 
 const browserDimensionsStore = new BrowserDimensionsStore();
diff --git a/src/helpers/coordinateMapper.ts b/src/helpers/coordinateMapper.ts
index 3cb7ffde..b553c4f4 100644
--- a/src/helpers/coordinateMapper.ts
+++ b/src/helpers/coordinateMapper.ts
@@ -8,7 +8,7 @@ export class CoordinateMapper {
   
   constructor(
     canvasWidth: number = window.innerWidth * 0.7, 
-    canvasHeight: number = window.innerHeight * 0.64,
+    canvasHeight: number = window.innerHeight * 0.72,
     browserWidth: number = BROWSER_DEFAULT_WIDTH,
     browserHeight: number = BROWSER_DEFAULT_HEIGHT
   ) {