Compare commits

...

6 Commits

2 changed files with 11 additions and 9 deletions
front/MyINPulse-front/src/components/canvas

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

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