From 1464d83f785ea54d149b3b99556c670132d7f363 Mon Sep 17 00:00:00 2001
From: Remi  PLANEL <rplanel@pasteur.fr>
Date: Wed, 3 Apr 2024 15:24:36 +0200
Subject: [PATCH] handle mission matrix

---
 components/content/pdockqMatrix.vue | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/components/content/pdockqMatrix.vue b/components/content/pdockqMatrix.vue
index 4a2fadde..34f680ed 100644
--- a/components/content/pdockqMatrix.vue
+++ b/components/content/pdockqMatrix.vue
@@ -185,17 +185,20 @@ function displayStructure(item) {
 }
 </script>
 <template>
-    <v-row class="d-flex align-content-start" :class="mobile ? 'd-flex-column' : 'd-flex-row'">
-        <v-card v-if="computedSystem !== null && groupedPdocks?.length > 0" v-for="option in computedPDocksMatrixPlotOptions"
-            :key="option.legend.label" flat color="transparent">
+    <v-row v-if="computedSystem !== null && groupedPdocks?.length > 0" class="d-flex align-content-start"
+        :class="mobile ? 'd-flex-column' : 'd-flex-row'">
+        <v-card v-for="option in computedPDocksMatrixPlotOptions" :key="option.legend.label" flat color="transparent">
             <v-card-text>
                 <PlotFigure ref="matrixPlot" :options="unref(option)" defer class="pdockq-plot"
                     :data-label="option.legend.label"></PlotFigure>
             </v-card-text>
             <PdbeMolstarPlugin v-model="stuctureUrls" v-model:title="structureTitle" />
         </v-card>
-        <v-card v-else>
-            <v-alert type="info">No matrix available for this system</v-alert>
-        </v-card>
+
     </v-row>
+    <v-card v-else flat color="transparent">
+        <v-card-text>
+            <v-alert type="info" variant="tonal">No matrix available for this system.</v-alert>
+        </v-card-text>
+    </v-card>
 </template>
\ No newline at end of file
-- 
GitLab