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

feat: change width to 0.64 times browser dimension

Browse Source
This commit is contained in:
Rohit
2025-03-17 23:20:19 +05:30
parent 0487bf00b9
commit ebf832a647
4 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/browser/BrowserWindow.tsx
View File

@@ -76,7 +76,7 @@ export const BrowserWindow = () => {
const [attributeOptions, setAttributeOptions] = useState<AttributeOption[]>([]); const [attributeOptions, setAttributeOptions] = useState<AttributeOption[]>([]);
const [selectedElement, setSelectedElement] = useState<{ selector: string, info: ElementInfo | null } | null>(null); const [selectedElement, setSelectedElement] = useState<{ selector: string, info: ElementInfo | null } | null>(null);
const [currentListId, setCurrentListId] = useState<number | null>(null); const [currentListId, setCurrentListId] = useState<number | null>(null);
const [viewportInfo, setViewportInfo] = useState<ViewportInfo>({ width: window.innerWidth * 0.7, height: window.innerHeight * 0.72 }); const [viewportInfo, setViewportInfo] = useState<ViewportInfo>({ width: window.innerWidth * 0.7, height: window.innerHeight * 0.64 });
const [listSelector, setListSelector] = useState<string | null>(null); const [listSelector, setListSelector] = useState<string | null>(null);
const [fields, setFields] = useState<Record<string, TextStep>>({}); const [fields, setFields] = useState<Record<string, TextStep>>({});
@@ -92,13 +92,13 @@ export const BrowserWindow = () => {
const [dimensions, setDimensions] = useState({ const [dimensions, setDimensions] = useState({
width: window.innerWidth * 0.7, width: window.innerWidth * 0.7,
height: window.innerHeight * 0.72 height: window.innerHeight * 0.64
}); });
const handleResize = useCallback(() => { const handleResize = useCallback(() => {
setDimensions({ setDimensions({
width: window.innerWidth * 0.7, width: window.innerWidth * 0.7,
height: window.innerHeight * 0.72 height: window.innerHeight * 0.64
}); });
}, []); }, []);

4
src/components/recorder/RightSidePanel.tsx
View File

@@ -55,7 +55,7 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
const [isCaptureTextConfirmed, setIsCaptureTextConfirmed] = useState(false); const [isCaptureTextConfirmed, setIsCaptureTextConfirmed] = useState(false);
const [isCaptureListConfirmed, setIsCaptureListConfirmed] = useState(false); const [isCaptureListConfirmed, setIsCaptureListConfirmed] = useState(false);
const [panelDimensions, setPanelDimensions] = useState({ const [panelDimensions, setPanelDimensions] = useState({
height: window.innerHeight * 0.72 + 137 height: window.innerHeight * 0.64 + 137
}); });
const { lastAction, notify, currentWorkflowActionsState, setCurrentWorkflowActionsState, resetInterpretationLog } = useGlobalInfoStore(); const { lastAction, notify, currentWorkflowActionsState, setCurrentWorkflowActionsState, resetInterpretationLog } = useGlobalInfoStore();
@@ -72,7 +72,7 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
const handleResize = useCallback(() => { const handleResize = useCallback(() => {
// Update panel dimensions // Update panel dimensions
setPanelDimensions({ setPanelDimensions({
height: window.innerHeight * 0.72 + 137 height: window.innerHeight * 0.64 + 137
}); });
}, []); }, []);

2
src/context/browserDimensions.tsx
View File

@@ -8,7 +8,7 @@ interface BrowserDimensions {
class BrowserDimensionsStore implements Partial<BrowserDimensions> { class BrowserDimensionsStore implements Partial<BrowserDimensions> {
width: number = window.innerWidth * 0.7; width: number = window.innerWidth * 0.7;
height: number = window.innerHeight * 0.72; height: number = window.innerHeight * 0.64;
}; };
const browserDimensionsStore = new BrowserDimensionsStore(); const browserDimensionsStore = new BrowserDimensionsStore();

2
src/helpers/coordinateMapper.ts
View File

@@ -8,7 +8,7 @@ export class CoordinateMapper {
constructor( constructor(
canvasWidth: number = window.innerWidth * 0.7, canvasWidth: number = window.innerWidth * 0.7,
canvasHeight: number = window.innerHeight * 0.72, canvasHeight: number = window.innerHeight * 0.64,
browserWidth: number = BROWSER_DEFAULT_WIDTH, browserWidth: number = BROWSER_DEFAULT_WIDTH,
browserHeight: number = BROWSER_DEFAULT_HEIGHT browserHeight: number = BROWSER_DEFAULT_HEIGHT
) { ) {