feat: simplify styling for BlankCanvas and BlankDashboardUnit components by removing edit mode specific styles

This commit is contained in:
Nawaz Dhandala
2026-03-30 15:24:29 +01:00
parent a0577b0175
commit ae230589c5
3 changed files with 3 additions and 22 deletions

View File

@@ -68,14 +68,7 @@ const BlankCanvasElement: FunctionComponent<ComponentProps> = (
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) => {

View File

@@ -21,9 +21,7 @@ const BlankDashboardUnitElement: FunctionComponent<ComponentProps> = (
props.onClick();
}}
style={{
border: props.isEditMode
? "1px solid rgba(203, 213, 225, 0.4)"
: "none",
border: "none",
borderRadius: "6px",
}}
/>

View File

@@ -147,17 +147,7 @@ const DashboardCanvas: FunctionComponent<ComponentProps> = (
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}