diff options
| author | Maze Winther <mazewinther@gmail.com> | 2025-08-17 18:50:25 +0200 |
|---|---|---|
| committer | Maze Winther <mazewinther@gmail.com> | 2025-08-17 18:50:25 +0200 |
| commit | 13dff382c452be96e1adb05d26bc30fa6de38298 (patch) | |
| tree | 36653c2dec855c3e4a25e96ca068aeb16ed871fb /apps/web/src/components/ui/draggable-item.tsx | |
| parent | f3ddf263341cf1a37a70c457fe1107a730cfad47 (diff) | |
| parent | 0f1ed40aef0b881381d5e3b01ae0c592a016b7ba (diff) | |
| download | opencut-13dff382c452be96e1adb05d26bc30fa6de38298.tar.gz | |
Merge branch 'staging' of https://github.com/mazeincoding/AppCut into staging
Diffstat (limited to 'apps/web/src/components/ui/draggable-item.tsx')
| -rw-r--r-- | apps/web/src/components/ui/draggable-item.tsx | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/apps/web/src/components/ui/draggable-item.tsx b/apps/web/src/components/ui/draggable-item.tsx index 92aa677b..f6d5c696 100644 --- a/apps/web/src/components/ui/draggable-item.tsx +++ b/apps/web/src/components/ui/draggable-item.tsx @@ -21,6 +21,7 @@ export interface DraggableMediaItemProps { onAddToTimeline?: (currentTime: number) => void; aspectRatio?: number; className?: string; + containerClassName?: string; showPlusOnDrag?: boolean; showLabel?: boolean; rounded?: boolean; @@ -36,6 +37,7 @@ export function DraggableMediaItem({ onAddToTimeline, aspectRatio = 16 / 9, className = "", + containerClassName, showPlusOnDrag = true, showLabel = true, rounded = true, @@ -95,7 +97,10 @@ export function DraggableMediaItem({ return ( <> {variant === "card" ? ( - <div ref={dragRef} className="relative group w-28 h-28"> + <div + ref={dragRef} + className={cn("relative group", containerClassName ?? "w-28 h-28")} + > <div className={`flex flex-col gap-1 p-0 h-auto w-full relative cursor-default ${className}`} > |