External/OpenCut
1
0
Fork 0
mirror of https://github.com/OpenCut-app/OpenCut.git synced 2026-07-13 21:52:53 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix preview panel dimensions to account for controls

Browse Source
This commit is contained in:
WOGGER7
2025-07-21 14:32:41 +05:30
parent 35abbefd2e
commit b555d65ea6
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/editor/preview-panel.tsx
+5 -3
View File
@@ -53,9 +53,11 @@ export function PreviewPanel() {
let availableWidth, availableHeight;
if (isExpanded) {
// Use full viewport when expanded
availableWidth = window.innerWidth;
availableHeight = window.innerHeight;
// Use full viewport when expanded, accounting for controls and margin
const controlsHeight = 80; // Approximate height of controls area
const marginSpace = 24; // m-3 = 12px on each side = 24px total
availableWidth = window.innerWidth - marginSpace;
availableHeight = window.innerHeight - controlsHeight - marginSpace;
} else {
container = containerRef.current.getBoundingClientRect();
const computedStyle = getComputedStyle(containerRef.current);