feat: mui breakpoints config
This commit is contained in:
@@ -113,15 +113,18 @@ export const RecordingPage = ({ recordingName }: RecordingPageProps) => {
|
|||||||
return (
|
return (
|
||||||
<ActionProvider>
|
<ActionProvider>
|
||||||
<BrowserStepsProvider>
|
<BrowserStepsProvider>
|
||||||
<div style={{ overflow: 'hidden', height: '100%' }}>
|
<div>
|
||||||
{isLoaded ? (
|
{isLoaded ? (
|
||||||
<Grid container direction="row" spacing={0}>
|
<Grid container direction="row" spacing={0} style={{ height: '100vh' }}>
|
||||||
<Grid id="browser-content" ref={browserContentRef} item xs={10} sx={{ overflow: 'hidden', height: '100vh'}}>
|
<Grid item xs={6} sm={6} md={6} lg={10} xl={6}>
|
||||||
<BrowserContent />
|
<div style={{ height: '100%' }}>
|
||||||
<InterpretationLog isOpen={showOutputData} setIsOpen={setShowOutputData} />
|
<BrowserContent />
|
||||||
|
</div>
|
||||||
</Grid>
|
</Grid>
|
||||||
<Grid item xs={2} sx={{ overflowY: 'auto', height: '100vh'}}>
|
<Grid item xs={6} sm={6} md={6} lg={2} xl={6}>
|
||||||
<RightSidePanel onFinishCapture={handleShowOutputData} />
|
<div className="right-side-panel">
|
||||||
|
<RightSidePanel onFinishCapture={handleShowOutputData} />
|
||||||
|
</div>
|
||||||
</Grid>
|
</Grid>
|
||||||
</Grid>
|
</Grid>
|
||||||
) : (
|
) : (
|
||||||
|
|||||||
Reference in New Issue
Block a user