xstefen/OpenCut
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: set aspect ratio to 16:9 for the asset containers in the media panel

Browse Source
This commit is contained in:
Maze Winther
2025-06-30 23:35:37 +02:00
parent 9e01efdc88
commit 50e3d92b92
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/web/src/components/editor/media-panel.tsx
View File

@ -134,7 +134,7 @@ export function MediaPanel() {
<img <img
src={item.url} src={item.url}
alt={item.name} 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" loading="lazy"
{...baseDragProps} {...baseDragProps}
/> />
@ -298,7 +298,7 @@ export function MediaPanel() {
variant="outline" variant="outline"
className="flex flex-col gap-2 p-2 h-auto w-full relative" 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)} {renderPreview(item)}
</AspectRatio> </AspectRatio>
<span <span