vodorod/parcer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip: scrollable recording ui

Browse Source
This commit is contained in:
karishmas6
2024-10-18 19:07:31 +05:30
parent 7a1f3be2eb
commit ba0bea348b
3 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/organisms/BrowserContent.tsx
View File

@@ -115,7 +115,7 @@ export const BrowserContent = () => {
}, [])
return (
<div style={{ width: '900px', height: '500px' }}>
<div style={{ flexGrow: 1 }}>
<BrowserTabs
tabs={tabs}
handleTabChange={handleTabChange}

4
src/components/organisms/BrowserWindow.tsx
View File

@@ -316,7 +316,7 @@ export const BrowserWindow = () => {
return (
<div onClick={handleClick} style={{ width: '900px', height: '500px'}} id="browser-window">
<div onClick={handleClick} style={{ width: '900px'}} id="browser-window">
{
getText === true || getList === true ? (
<GenericModal
@@ -356,6 +356,7 @@ export const BrowserWindow = () => {
</GenericModal>
) : null
}
<div style={{ height: '500px', overflowY: 'auto' }}> {/* Make this section scrollable */}
{((getText === true || getList === true) && !showAttributeModal && highlighterData?.rect != null && highlighterData?.rect.top != null) && canvasRef?.current ?
<Highlighter
unmodifiedRect={highlighterData?.rect}
@@ -370,6 +371,7 @@ export const BrowserWindow = () => {
width={900}
height={500}
/>
</div>
</div>
);
};