From 0f1ed40aef0b881381d5e3b01ae0c592a016b7ba Mon Sep 17 00:00:00 2001
From: enkei64 <imenkei64@gmail.com>
Date: Sun, 17 Aug 2025 07:03:16 +1000
Subject: fix: stickers panel (#553)

* fixes to the stickers panel

* Reduce padding on the sides to save space
---
 apps/web/src/components/ui/draggable-item.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

(limited to 'apps/web/src/components/ui')

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}`}
           >
-- 
cgit v1.3.1