From 4b9596f582765329f0ccd4084529dcdf2901e1f8 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Fri, 18 Oct 2024 19:07:55 +0530
Subject: [PATCH] wip: scrollable recording ui

---
 src/pages/RecordingPage.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/RecordingPage.tsx b/src/pages/RecordingPage.tsx
index 827bce3c..1a973e7c 100644
--- a/src/pages/RecordingPage.tsx
+++ b/src/pages/RecordingPage.tsx
@@ -113,14 +113,14 @@ export const RecordingPage = ({ recordingName }: RecordingPageProps) => {
   return (
     <ActionProvider>
       <BrowserStepsProvider>
-        <div>
+        <div style={{ overflow: 'hidden', height: '100%' }}>
           {isLoaded ? (
             <Grid container direction="row" spacing={0}>
-              <Grid id="browser-content" ref={browserContentRef} item xs={10} sx={{ width: '900px', height: '500px' }}>
+              <Grid id="browser-content" ref={browserContentRef} item xs={10} sx={{ overflow: 'hidden', height: '100vh'}}>
                 <BrowserContent />
                 <InterpretationLog isOpen={showOutputData} setIsOpen={setShowOutputData} />
               </Grid>
-              <Grid item xs={2}>
+              <Grid item xs={2} sx={{ overflowY: 'auto', height: '100vh'}}>
                 <RightSidePanel onFinishCapture={handleShowOutputData} />
               </Grid>
             </Grid>