merging

front/MyINPulse-front/src/components/canvas/CanvasItem.vue

@@ -41,6 +41,7 @@ const props = defineProps<{
 
 const expanded = ref(false);
 const currentDescriptions = ref<string[]>([]);
+currentDescriptions.value[0] = props.description;
 const editedDescriptions = ref<string[]>([]);
 const isEditing = ref<boolean[]>([]);
 
@@ -212,6 +213,7 @@ const cancelEdit = (index: number) => {
 }
 
 .expanded {
+  padding-top: 10%;
   position: fixed;
   top: 0;
   left: 0;

front/MyINPulse-front/src/components/canvas/LeanCanvas.vue

@@ -47,13 +47,13 @@ const items = ref([
   overflow: auto;
 }
 
-.Probleme { grid-column: 1 / 3; grid-row: 1 / 5; }
-.Segments { grid-column: 9 / 11; grid-row: 1 / 5; }
-.Valeur { grid-column: 5 / 7; grid-row: 1 / 5; }
-.Solution { grid-column: 3 / 5; grid-row: 1 / 3; }
-.Avantage { grid-column: 7 / 9; grid-row: 1 / 3; }
-.Canaux { grid-column: 7 / 9; grid-row: 3 / 5; }
-.Indicateurs { grid-column: 3 / 5; grid-row: 3 / 5; }
-.Couts { grid-column: 1 / 6; grid-row: 5 / 7; }
-.Revenus { grid-column: 6 / 11; grid-row: 5 / 7; }
+.Probleme { grid-column: 1 / 3; grid-row: 1 / 5; padding-top: 20px;}
+.Segments { grid-column: 9 / 11; grid-row: 1 / 5; padding-top: 20px;}
+.Valeur { grid-column: 5 / 7; grid-row: 1 / 5; padding-top: 20px;}
+.Solution { grid-column: 3 / 5; grid-row: 1 / 3; padding-top: 20px;}
+.Avantage { grid-column: 7 / 9; grid-row: 1 / 3; padding-top: 20px;}
+.Canaux { grid-column: 7 / 9; grid-row: 3 / 5; padding-top: 20px;}
+.Indicateurs { grid-column: 3 / 5; grid-row: 3 / 5; padding-top: 20px;}
+.Couts { grid-column: 1 / 6; grid-row: 5 / 7; padding-top: 20px;}
+.Revenus { grid-column: 6 / 11; grid-row: 5 / 7; padding-top: 20px;}
 </style>

front/MyINPulse-front/src/components/temp-modal.vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import { addNewMessage } from "@/services/popupDisplayer.ts";
+</script>
+
+<template>
+    <button
+        @click="
+            addNewMessage(
+                'new error from another view',
+                Math.floor(Math.random() * 4)
+            )
+        "
+    >
+        Add an error
+    </button>
+</template>
+
+<style scoped></style>