From 5f0f5034deba58fb1a91328e39487a49b8adf983 Mon Sep 17 00:00:00 2001
From: Nalvazhuthi <nalvazhuthi@hexrfactory.com>
Date: Thu, 10 Apr 2025 10:06:53 +0530
Subject: [PATCH] fixed widget size

---
 app/src/components/ui/componets/DraggableWidget.tsx        | 1 +
 app/src/components/ui/componets/DroppedFloatingWidgets.tsx | 2 ++
 app/src/components/ui/componets/Panel.tsx                  | 4 ++--
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/src/components/ui/componets/DraggableWidget.tsx b/app/src/components/ui/componets/DraggableWidget.tsx
index fb20169..be90c0a 100644
--- a/app/src/components/ui/componets/DraggableWidget.tsx
+++ b/app/src/components/ui/componets/DraggableWidget.tsx
@@ -94,6 +94,7 @@ export const DraggableWidget = ({
       "floating",
       "sidebar-right-wrapper",
       "card",
+      "dropdown-menu",
     ],
     setMenuVisible: () => setSelectedChartId(null),
   });
diff --git a/app/src/components/ui/componets/DroppedFloatingWidgets.tsx b/app/src/components/ui/componets/DroppedFloatingWidgets.tsx
index 9c0b8da..9ac1a05 100644
--- a/app/src/components/ui/componets/DroppedFloatingWidgets.tsx
+++ b/app/src/components/ui/componets/DroppedFloatingWidgets.tsx
@@ -49,6 +49,7 @@ const DroppedObjects: React.FC = () => {
   const { visualizationSocket } = useSocketStore();
   const { isPlaying } = usePlayButtonStore();
   const zones = useDroppedObjectsStore((state) => state.zones);
+  console.log('zones: ', zones);
   const [openKebabId, setOpenKebabId] = useState<string | null>(null);
   const updateObjectPosition = useDroppedObjectsStore(
     (state) => state.updateObjectPosition
@@ -70,6 +71,7 @@ const DroppedObjects: React.FC = () => {
     vertical: "top" | "bottom";
     horizontal: "left" | "right";
   } | null>(null); // State to track active edges for distance lines
+
   const [currentPosition, setCurrentPosition] = useState<{
     top: number | "auto";
     left: number | "auto";
diff --git a/app/src/components/ui/componets/Panel.tsx b/app/src/components/ui/componets/Panel.tsx
index 30136e5..57b99ed 100644
--- a/app/src/components/ui/componets/Panel.tsx
+++ b/app/src/components/ui/componets/Panel.tsx
@@ -164,8 +164,8 @@ const Panel: React.FC<PanelProps> = ({
 
   // Calculate panel capacity
   const calculatePanelCapacity = (panel: Side) => {
-    const CHART_WIDTH = panelSize;
-    const CHART_HEIGHT = panelSize;
+    const CHART_WIDTH = panelSize - 10;
+    const CHART_HEIGHT = panelSize - 10;
 
     const dimensions = panelDimensions[panel];
     if (!dimensions) {