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

This commit is contained in:
Maze Winther
2025-06-30 23:35:37 +02:00
parent 9e01efdc88
commit 50e3d92b92

View File

@ -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