Improve empty canvas block

axonivy · Dec 10, 2024 · ade351b · ade351b
1 parent a1e1e7c
commit ade351b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/packages/editor/src/editor/canvas/Canvas.css b/packages/editor/src/editor/canvas/Canvas.css
@@ -35,7 +35,10 @@
   }
   &:has(.canvas-empty-message) {
     height: calc(100% - 48px);
-    justify-content: center;
+    .drop-zone {
+      flex-grow: 1;
+      justify-content: center;
+    }
   }
 }
 

diff --git a/packages/editor/src/editor/canvas/DropZone.css b/packages/editor/src/editor/canvas/DropZone.css
@@ -18,6 +18,9 @@
       background: var(--P50);
     }
   }
+  .canvas-empty-message {
+    height: 100%;
+  }
   .drop-zone-block {
     height: 0;
     transition: height 0.1s ease-out;