maintain grow classes on grid items

web/src/components/menu/LiveContextMenu.tsx

@@ -28,8 +28,10 @@ import {
 } from "@/types/frigateConfig";
 import { useStreamingSettings } from "@/context/streaming-settings-provider";
 import { IoIosWarning } from "react-icons/io";
+import { cn } from "@/lib/utils";
 
 type LiveContextMenuProps = {
+  className?: string;
   camera: string;
   streamName: string;
   cameraGroup?: string;
@@ -46,6 +48,7 @@ type LiveContextMenuProps = {
   children?: ReactNode;
 };
 export default function LiveContextMenu({
+  className,
   camera,
   streamName,
   cameraGroup,
@@ -171,7 +174,7 @@ export default function LiveContextMenu({
   };
 
   return (
-    <>
+    <div className={cn("w-full", className)}>
       <ContextMenu key={camera} onOpenChange={handleOpenChange}>
         <ContextMenuTrigger>{children}</ContextMenuTrigger>
         <ContextMenuContent>
@@ -266,6 +269,6 @@ export default function LiveContextMenu({
           onSave={onSave}
         />
       </Dialog>
-    </>
+    </div>
   );
 }

web/src/views/live/DraggableGridLayout.tsx

@@ -540,6 +540,7 @@ export default function DraggableGridLayout({
                   ?.compatibilityMode || false;
               return (
                 <GridLiveContextMenu
+                  className={grow}
                   key={camera.name}
                   camera={camera.name}
                   streamName={streamName}
@@ -746,6 +747,7 @@ const BirdseyeLivePlayerGridItem = React.forwardRef<
 );
 
 type GridLiveContextMenuProps = {
+  className?: string;
   style?: React.CSSProperties;
   onMouseDown?: React.MouseEventHandler<HTMLDivElement>;
   onMouseUp?: React.MouseEventHandler<HTMLDivElement>;
@@ -772,6 +774,7 @@ const GridLiveContextMenu = React.forwardRef<
 >(
   (
     {
+      className,
       style,
       onMouseDown,
       onMouseUp,
@@ -804,6 +807,7 @@ const GridLiveContextMenu = React.forwardRef<
         {...props}
       >
         <LiveContextMenu
+          className={className}
           camera={camera}
           streamName={streamName}
           cameraGroup={cameraGroup}

web/src/views/live/LiveDashboardView.tsx

@@ -381,6 +381,7 @@ export default function LiveDashboardView({
               }
               return (
                 <LiveContextMenu
+                  className={grow}
                   key={camera.name}
                   camera={camera.name}
                   streamName={Object.values(camera.live.streams)?.[0]}