services cubes pics

HIRO-MicroDataCenters-BV · Jun 25, 2024 · c411446 · c411446
1 parent 5583c0d
commit c411446
Show file tree

Hide file tree

Showing 4 changed files with 141 additions and 52 deletions.
diff --git a/src/assets/cubes/ecs-ds-cog.svg b/src/assets/cubes/ecs-ds-cog.svg
diff --git a/src/assets/cubes/ecs-ds-gov.svg b/src/assets/cubes/ecs-ds-gov.svg
diff --git a/src/components/AppFlowChart.vue b/src/components/AppFlowChart.vue
@@ -62,6 +62,10 @@ onBeforeUnmount(() => {
   background-image: url('@/assets/cubes/ecs-ds-cog.svg');
 }
 
+.vue-flow__node--ecs-ds-gov {
+  background-image: url('@/assets/cubes/ecs-ds-gov.svg');
+}
+
 .vue-flow__node--ecs-ds-cog-gov {
   background-image: url('@/assets/cubes/ecs-ds-cog-gov.svg');
 }

diff --git a/src/constants/services-page.ts b/src/constants/services-page.ts
@@ -61,33 +61,36 @@ export const servicesGraph = {
     {
       id: '1',
       position: { x: 5, y: 5 },
-      style: {
-        backgroundImage: 'url("src/assets/cubes/ecs.svg")',
-      },
+      class: 'vue-flow__node--ecs-ds',
     },
     {
       id: '2',
       position: { x: 10, y: 150 },
+      class: 'vue-flow__node--ecs-ds-cog-gov',
     },
     {
       id: '3',
       position: { x: 15, y: 300 },
       sourcePosition: Position.Right,
+      class: 'vue-flow__node--ecs',
     },
     {
       id: '4',
       position: { x: 150, y: 75 },
       targetPosition: Position.Left,
+      class: 'vue-flow__node--ecs-gov',
     },
     {
       id: '5',
       position: { x: 150, y: 200 },
       targetPosition: Position.Left,
+      class: 'vue-flow__node--ecs-ds-cog',
     },
     {
       id: '6',
       position: { x: 250, y: 150 },
       targetPosition: Position.Left,
+      class: 'vue-flow__node--ecs-ds-gov',
     },
   ],
   edges: <Edge[]>[