diff options
| author | Maze Winther <mazewinther@gmail.com> | 2025-07-10 23:45:59 +0200 |
|---|---|---|
| committer | Maze Winther <mazewinther@gmail.com> | 2025-07-10 23:45:59 +0200 |
| commit | eabcdb0988c3fdf5f940cb24a3e817bb19d45512 (patch) | |
| tree | f8f08b8c3115b663a238f1bdffd8b18a782982e6 /apps/web/src/components/editor/preview-panel.tsx | |
| parent | c86d20029716528149d0e9fae78ef5bed965e538 (diff) | |
| download | opencut-eabcdb0988c3fdf5f940cb24a3e817bb19d45512.tar.gz | |
fix: preview image scaling
Diffstat (limited to 'apps/web/src/components/editor/preview-panel.tsx')
| -rw-r--r-- | apps/web/src/components/editor/preview-panel.tsx | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/apps/web/src/components/editor/preview-panel.tsx b/apps/web/src/components/editor/preview-panel.tsx index 926bee8d..1cc9d976 100644 --- a/apps/web/src/components/editor/preview-panel.tsx +++ b/apps/web/src/components/editor/preview-panel.tsx @@ -202,7 +202,10 @@ export function PreviewPanel() { // Video elements if (mediaItem.type === "video") { return ( - <div key={element.id} className="absolute inset-0"> + <div + key={element.id} + className="absolute inset-0 flex items-center justify-center" + > <VideoPlayer src={mediaItem.url!} poster={mediaItem.thumbnailUrl} @@ -218,11 +221,14 @@ export function PreviewPanel() { // Image elements if (mediaItem.type === "image") { return ( - <div key={element.id} className="absolute inset-0"> + <div + key={element.id} + className="absolute inset-0 flex items-center justify-center" + > <img src={mediaItem.url!} alt={mediaItem.name} - className="w-full h-full object-cover" + className="max-w-full max-h-full object-contain" draggable={false} /> </div> |