windows arrange fixes

eellak · Jun 3, 2024 · 71f3aa8 · 71f3aa8
1 parent 8be6706
commit 71f3aa8
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 12 deletions.
diff --git a/front-end/src/routes/Router.tsx b/front-end/src/routes/Router.tsx
@@ -119,9 +119,9 @@ const Router = [
     path: '/interactive-page',
     element: (
       <PrivateRoute>
-        <RoleBasedRoute betaTesterOnly={true}>
+        {/* <RoleBasedRoute betaTesterOnly={true}> */}
           <FullLayout />
-        </RoleBasedRoute>
+        {/* </RoleBasedRoute> */}
       </PrivateRoute>
     ),
     children: [
@@ -144,9 +144,9 @@ const Router = [
     path: '/tutorials-page',
     element: (
       <PrivateRoute>
-        <RoleBasedRoute betaTesterOnly={true}>
+        {/* <RoleBasedRoute betaTesterOnly={true}> */}
           <FullLayout />
-        </RoleBasedRoute>
+        {/* </RoleBasedRoute> */}
       </PrivateRoute>
     ),
     children: [

diff --git a/front-end/src/views/blockly-page/BlocklyPage.tsx b/front-end/src/views/blockly-page/BlocklyPage.tsx
@@ -227,8 +227,8 @@ const BlocklyPage = () => {
         {loading && isSimulatorLoading ? ( 
           <Spinner />
         ) : (
-          <Grid container spacing={1} paddingTop={"0rem"} paddingBottom={"0rem"} height={showVideoPlayer && !isInPIP ? 'calc(150vh - 300px)' : 'calc(100vh - 300px)'}>
-            <Grid item xs={7} lg={7} height={showVideoPlayer && !isInPIP ? 'calc(150vh - 300px)' : 'calc(100vh - 300px)'}>
+          <Grid container spacing={1} paddingTop={"0rem"} paddingBottom={"0rem"} height={showVideoPlayer && !isInPIP ? 'calc(150vh - 300px)' : 'calc(120vh - 300px)'}>
+            <Grid item xs={7} lg={7} height={showVideoPlayer && !isInPIP ? 'calc(150vh - 300px)' : 'calc(120vh - 300px)'}>
               {/* column */}
               <BlocklyEditorComponent
                 code={editorValue}
@@ -289,7 +289,7 @@ const BlocklyPage = () => {
                 </Box>
               )}
 
-              <Box height="39vh">
+              <Box height="50vh">
                 <WebGLApp appsessionId={sessionId}
                   onMountChange={handleMountChange} />
               </Box>
@@ -298,7 +298,7 @@ const BlocklyPage = () => {
               {/* Terminal */}
 
               <Box
-                height={'27vh'}
+                height={'35vh'}
                 style={{
                   backgroundColor: 'black',
                   color: 'white',

diff --git a/front-end/src/views/monaco-page/MonacoPage.tsx b/front-end/src/views/monaco-page/MonacoPage.tsx
@@ -262,8 +262,8 @@ const MonacoPage: React.FC = () => {
         {loading && isSimulatorLoading ? (
           <Spinner />
         ) : (
-          <Grid container spacing={1} paddingTop="0rem" paddingBottom="0rem" height={showVideoPlayer && !isInPIP ? 'calc(150vh - 300px)' : 'calc(100vh - 300px)'} >
-            <Grid item xs={7} lg={7} height={showVideoPlayer && !isInPIP ? 'calc(150vh - 300px)' : 'calc(100vh - 300px)'} >
+          <Grid container spacing={1} paddingTop="0rem" paddingBottom="0rem" height={showVideoPlayer && !isInPIP ? 'calc(150vh - 300px)' : 'calc(120vh - 300px)'} >
+            <Grid item xs={7} lg={7} height={showVideoPlayer && !isInPIP ? 'calc(150vh - 300px)' : 'calc(120vh - 300px)'} >
               <MonacoEditorComponent code={editorValue} handleGetValue={handleGetValue} />
             </Grid>
             <Grid item xs={5} lg={5} >
@@ -327,15 +327,15 @@ const MonacoPage: React.FC = () => {
                 </Box>
               )}
 
-              <Box height="39vh">
+              <Box height="50vh">
                 <WebGLApp
                   appsessionId={sessionId}
                   onMountChange={handleMountChange}
                 />
               </Box>
 
               <Box
-                height="27vh"
+                height="35vh"
                 style={{
                   backgroundColor: 'black',
                   color: 'white',