diff options
| author | Maze Winther <mazewinther@gmail.com> | 2025-06-30 23:35:37 +0200 |
|---|---|---|
| committer | Maze Winther <mazewinther@gmail.com> | 2025-06-30 23:35:37 +0200 |
| commit | 50e3d92b92051e10d96518dac2e0681c6a99ec92 (patch) | |
| tree | c49fd14f59be07ef63ec3ef6c190c161a25265ba /apps/web | |
| parent | 9e01efdc8832ebbac6bd995675ce1bd2ea3b8613 (diff) | |
| download | opencut-50e3d92b92051e10d96518dac2e0681c6a99ec92.tar.gz | |
style: set aspect ratio to 16:9 for the asset containers in the media panel
Diffstat (limited to 'apps/web')
| -rw-r--r-- | apps/web/src/components/editor/media-panel.tsx | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/apps/web/src/components/editor/media-panel.tsx b/apps/web/src/components/editor/media-panel.tsx index dd12faff..abbd3e59 100644 --- a/apps/web/src/components/editor/media-panel.tsx +++ b/apps/web/src/components/editor/media-panel.tsx @@ -134,7 +134,7 @@ export function MediaPanel() { <img src={item.url} alt={item.name} - className="w-full h-full object-cover rounded cursor-grab active:cursor-grabbing" + className="w-full h-full object-contain rounded cursor-grab active:cursor-grabbing" loading="lazy" {...baseDragProps} /> @@ -298,7 +298,7 @@ export function MediaPanel() { variant="outline" className="flex flex-col gap-2 p-2 h-auto w-full relative" > - <AspectRatio ratio={item.aspectRatio}> + <AspectRatio ratio={16 / 9} className="bg-accent"> {renderPreview(item)} </AspectRatio> <span |