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

feat: set width to 900

Browse Source
This commit is contained in:
karishmas6
2024-10-19 20:38:43 +05:30
parent 87a0d83172
commit d90172a2b3
7 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/atoms/canvas.tsx
View File

@@ -142,7 +142,7 @@ const Canvas = ({ width, height, onCreateRef }: CanvasProps) => {
tabIndex={0} tabIndex={0}
ref={canvasRef} ref={canvasRef}
height={400} height={400}
width={1150} width={900}
/> />
); );

2
src/components/molecules/BrowserNavBar.tsx
View File

@@ -77,7 +77,7 @@ const BrowserNavBar: FC<NavBarProps> = ({
}; };
return ( return (
<StyledNavBar browserWidth={1150}> <StyledNavBar browserWidth={900}>
<NavBarButton <NavBarButton
type="button" type="button"
onClick={() => { onClick={() => {

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

@@ -128,7 +128,7 @@ export const BrowserContent = () => {
/> />
<BrowserNavBar <BrowserNavBar
// todo: use width from browser dimension once fixed // todo: use width from browser dimension once fixed
browserWidth={1150} browserWidth={900}
handleUrlChanged={handleUrlChanged} handleUrlChanged={handleUrlChanged}
/> />
<BrowserWindow /> <BrowserWindow />

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

@@ -316,7 +316,7 @@ export const BrowserWindow = () => {
return ( return (
<div onClick={handleClick} style={{ width: '1150px'}} id="browser-window"> <div onClick={handleClick} style={{ width: '900px'}} id="browser-window">
{ {
getText === true || getList === true ? ( getText === true || getList === true ? (
<GenericModal <GenericModal
@@ -361,14 +361,14 @@ export const BrowserWindow = () => {
<Highlighter <Highlighter
unmodifiedRect={highlighterData?.rect} unmodifiedRect={highlighterData?.rect}
displayedSelector={highlighterData?.selector} displayedSelector={highlighterData?.selector}
width={1150} width={900}
height={400} height={400}
canvasRect={canvasRef.current.getBoundingClientRect()} canvasRect={canvasRef.current.getBoundingClientRect()}
/> />
: null} : null}
<Canvas <Canvas
onCreateRef={setCanvasReference} onCreateRef={setCanvasReference}
width={1150} width={900}
height={400} height={400}
/> />
</div> </div>
@@ -385,7 +385,7 @@ const drawImage = (image: string, canvas: HTMLCanvasElement): void => {
img.src = image; img.src = image;
img.onload = () => { img.onload = () => {
URL.revokeObjectURL(img.src); URL.revokeObjectURL(img.src);
ctx?.drawImage(img, 0, 0, 1150, 400); ctx?.drawImage(img, 0, 0, 900, 400);
}; };
}; };

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

@@ -105,7 +105,7 @@ export const LeftSidePanel = (
flexDirection: 'column', flexDirection: 'column',
}} }}
> >
<SidePanelHeader /> {/* <SidePanelHeader /> */}
<TabContext value={tab}> <TabContext value={tab}>
<Tabs value={tab} onChange={(e, newTab) => setTab(newTab)}> <Tabs value={tab} onChange={(e, newTab) => setTab(newTab)}>
<Tab label="Recording" value='recording' /> <Tab label="Recording" value='recording' />

2
src/constants/const.ts
View File

@@ -1,4 +1,4 @@
export const VIEWPORT_W = 1150; export const VIEWPORT_W = 900;
export const VIEWPORT_H = 400; export const VIEWPORT_H = 400;
export const ONE_PERCENT_OF_VIEWPORT_W = VIEWPORT_W / 100; export const ONE_PERCENT_OF_VIEWPORT_W = VIEWPORT_W / 100;

2
src/context/browserDimensions.tsx
View File

@@ -7,7 +7,7 @@ interface BrowserDimensions {
}; };
class BrowserDimensionsStore implements Partial<BrowserDimensions> { class BrowserDimensionsStore implements Partial<BrowserDimensions> {
width: number = 1150; width: number = 900;
height: number = 400; height: number = 400;
}; };