Canvas: Improve diagram styling
Change-Id: If1c3d48cd94b63de86c8d7ecdb40974af951367f
diff --git a/apps/canvas/front/src/components/node-rect.tsx b/apps/canvas/front/src/components/node-rect.tsx
index 99dbd82..94b7fac 100644
--- a/apps/canvas/front/src/components/node-rect.tsx
+++ b/apps/canvas/front/src/components/node-rect.tsx
@@ -19,6 +19,10 @@
const [stateClasses, setStateClasses] = useState<string[]>([]);
useEffect(() => {
const classes = ["px-4", "py-2", "rounded-md", "bg-white"];
+ classes.push("border");
+ if (selected) {
+ classes.push("shadow-xl");
+ }
if (hasFatal) {
classes.push("border-red-500");
} else if (hasWarning) {
@@ -26,11 +30,6 @@
} else {
classes.push("border-black");
}
- if (selected) {
- classes.push("border-2");
- } else {
- classes.push("border");
- }
setClasses(classes);
const stateClasses: string[] = [];
if (state === "processing") {