udpated bg of widget shadow

the drop shadow behind widgets when moved around is now light blue and the corners are round.
2025-07-22 12:56:44 -07:00
parent 37ebd3d478
commit ab03d43aff
3 changed files with 33 additions and 18 deletions
@@ -26,21 +26,23 @@ export default function WidgetCanvas() {
    };

    return (
-        <ResponsiveGridLayout
-            className="layout"
-            layout={layout}
-            cols={12} // Total columns in grid
-            rowHeight={30} //Height of a single row in px
-            isBounded={true} // Total width of the grid
-            margin={[10, 10]} // [horizontal, vertical] gap
-            onLayoutChange={onLayoutChange}
-            draggableHandle=".widget-handle" // Make only the header draggable
-        >
-            {layout.map((item) => (
-                <chakra.div key={item.i} css={styles.root}>
-                    <Widget title="VDAP Widget" />
-                </chakra.div>
-            ))}
-        </ResponsiveGridLayout>
+        <chakra.div height="100%" width="100%">
+            <ResponsiveGridLayout
+                className="layout"
+                layout={layout}
+                cols={12} // Total columns in grid
+                rowHeight={30} //Height of a single row in px
+                isBounded={true} // Total width of the grid
+                margin={[10, 10]} // [horizontal, vertical] gap
+                onLayoutChange={onLayoutChange}
+                draggableHandle=".widget-handle" // Make only the header draggable
+            >
+                {layout.map((item) => (
+                    <chakra.div key={item.i} css={styles.root}>
+                        <Widget title="VDAP Widget" />
+                    </chakra.div>
+                ))}
+            </ResponsiveGridLayout>
+        </chakra.div>
    );
 }