improve defining background color for canvas (minimizing duplication)

devhelpr · devhelpr · commit 9572e408dc89 · 2024-11-22T09:55:23.000+01:00
diff --git a/apps/vps-web/index.html b/apps/vps-web/index.html
@@ -16,7 +16,7 @@
   <body class="code-flow-canvas">
     <div
       id="app-root"
-      class="w-full min-h-dvh h-[100dvh] overflow-hidden select-none bg-slate-800"
+      class="w-full min-h-dvh h-[100dvh] overflow-hidden select-none"
     ></div>
     <div id="page-root" class="mx-auto w-[512px] relative hidden">
       <p>
@@ -28,7 +28,7 @@
       <!-- top-[330px] left-[200px]  -->
       <div
         id="page-app-root"
-        class="relative w-[512px] h-[512px] overflow-hidden select-none bg-slate-800"
+        class="relative w-[512px] h-[512px] overflow-hidden select-none"
       ></div>
       <p>
         Lorem ipsum, dolor sit amet consectetur adipisicing elit. Officiis,
diff --git a/libs/visual-programming-system/src/canvas-app/css-classes/canvasapp-css-classes.ts b/libs/visual-programming-system/src/canvas-app/css-classes/canvasapp-css-classes.ts
@@ -1,7 +1,6 @@
 export const getCanvasAppCssClasses = () => {
   return {
-    canvasAppClasses: `w-full h-full origin-top-left  flex-auto relative z-10 transition-none transform-gpu`,
-    defaultBackgroundColor: 'bg-slate-800',
+    canvasAppClasses: `w-[0px] h-[0px] origin-top-left  flex-auto relative z-10 transition-none transform-gpu`,
     autoPointerEvents: 'pointer-events-auto',
     defaultNodePortClasses: 'top-0 left-0 origin-center z-[1150]',
   };
diff --git a/libs/visual-programming-system/src/canvas-app/index.ts b/libs/visual-programming-system/src/canvas-app/index.ts
