RomanNum3ral
/
OpenCut
mirror of https://github.com/OpenCut-app/OpenCut.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Adjust preview panel sizing and remove border styling

This commit is contained in:
WOGGER7 2025-07-21 14:28:41 +05:30
parent fdb13c2130
commit 5a3fa8fbe1
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/web/src/components/editor/preview-panel.tsx
View File

@ -92,11 +92,11 @@ export function PreviewPanel() {
if (containerRatio > targetRatio) { if (containerRatio > targetRatio) {
// Container is wider - constrain by height // Container is wider - constrain by height
height = availableHeight * (isExpanded ? 0.9 : 1); // Leave some margin when expanded height = availableHeight * (isExpanded ? 0.95 : 1); // Use more space when expanded
width = height * targetRatio; width = height * targetRatio;
} else { } else {
// Container is taller - constrain by width // Container is taller - constrain by width
width = availableWidth * (isExpanded ? 0.9 : 1); // Leave some margin when expanded width = availableWidth * (isExpanded ? 0.95 : 1); // Use more space when expanded
height = width / targetRatio; height = width / targetRatio;
} }
@ -507,7 +507,7 @@ export function PreviewPanel() {
<div className="fixed inset-0 z-[9999] flex flex-col"> <div className="fixed inset-0 z-[9999] flex flex-col">
<div className="flex-1 flex items-center justify-center bg-background"> <div className="flex-1 flex items-center justify-center bg-background">
<div <div
className="relative overflow-hidden border-2 border-white/20 rounded-lg shadow-2xl" className="relative overflow-hidden"
style={{ style={{
width: previewDimensions.width, width: previewDimensions.width,
height: previewDimensions.height, height: previewDimensions.height,