diff options
| author | enkei64 <imenkei64@gmail.com> | 2025-08-17 07:03:16 +1000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-08-16 23:03:16 +0200 |
| commit | 0f1ed40aef0b881381d5e3b01ae0c592a016b7ba (patch) | |
| tree | 30650511cd6337866001e9156731842dc372d121 /apps/web/src/components/ui/draggable-item.tsx | |
| parent | a90a0f974060cf972cc3d4710e5db57234af0f3a (diff) | |
| download | opencut-0f1ed40aef0b881381d5e3b01ae0c592a016b7ba.tar.gz | |
fix: stickers panel (#553)
* fixes to the stickers panel
* Reduce padding on the sides to save space
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}`} > |