diff --git a/App/FeatureSet/Dashboard/src/Components/Dashboard/Canvas/BlankCanvas.tsx b/App/FeatureSet/Dashboard/src/Components/Dashboard/Canvas/BlankCanvas.tsx index 7cbe80001c..51b1660833 100644 --- a/App/FeatureSet/Dashboard/src/Components/Dashboard/Canvas/BlankCanvas.tsx +++ b/App/FeatureSet/Dashboard/src/Components/Dashboard/Canvas/BlankCanvas.tsx @@ -68,14 +68,7 @@ const BlankCanvasElement: FunctionComponent = ( gridTemplateColumns: `repeat(${width}, 1fr)`, gap: `${gap}px`, gridAutoRows: `${unitSize}px`, - ...(props.isEditMode - ? { - backgroundImage: - "linear-gradient(to right, rgba(203, 213, 225, 0.3) 1px, transparent 1px), linear-gradient(to bottom, rgba(203, 213, 225, 0.3) 1px, transparent 1px)", - backgroundSize: "20px 20px", - borderRadius: "16px", - } - : {}), + borderRadius: "16px", }} > {Array.from(Array(height).keys()).map((_: number, index: number) => { diff --git a/App/FeatureSet/Dashboard/src/Components/Dashboard/Canvas/BlankDashboardUnit.tsx b/App/FeatureSet/Dashboard/src/Components/Dashboard/Canvas/BlankDashboardUnit.tsx index 875663254e..074b6d8766 100644 --- a/App/FeatureSet/Dashboard/src/Components/Dashboard/Canvas/BlankDashboardUnit.tsx +++ b/App/FeatureSet/Dashboard/src/Components/Dashboard/Canvas/BlankDashboardUnit.tsx @@ -21,9 +21,7 @@ const BlankDashboardUnitElement: FunctionComponent = ( props.onClick(); }} style={{ - border: props.isEditMode - ? "1px solid rgba(203, 213, 225, 0.4)" - : "none", + border: "none", borderRadius: "6px", }} /> diff --git a/App/FeatureSet/Dashboard/src/Components/Dashboard/Canvas/Index.tsx b/App/FeatureSet/Dashboard/src/Components/Dashboard/Canvas/Index.tsx index 2a64b4f34a..e189b14f7f 100644 --- a/App/FeatureSet/Dashboard/src/Components/Dashboard/Canvas/Index.tsx +++ b/App/FeatureSet/Dashboard/src/Components/Dashboard/Canvas/Index.tsx @@ -147,17 +147,7 @@ const DashboardCanvas: FunctionComponent = ( gap: `${gap}px`, gridAutoRows: `${unitSize}px`, borderRadius: "16px", - ...(props.isEditMode - ? { - backgroundImage: - "radial-gradient(circle, rgba(148, 163, 184, 0.3) 0.8px, transparent 0.8px)", - backgroundSize: "20px 20px", - padding: "8px", - border: "1px dashed rgba(148, 163, 184, 0.25)", - } - : { - padding: "8px", - }), + padding: "8px", }} > {finalRenderedComponents}