diff --git a/frontend/pages/analyses/[analysisId]/genes.vue b/frontend/pages/analyses/[analysisId]/genes.vue index a9aea1ec072bf81e0f25327347afae0a0878dac5..1841eddbbc4135bbd7821b5f62d145f2b861bf5e 100644 --- a/frontend/pages/analyses/[analysisId]/genes.vue +++ b/frontend/pages/analyses/[analysisId]/genes.vue @@ -50,9 +50,11 @@ const sanitizedGenes = computed(() => { </script> <template> <AnalysisResultDataTable v-if="sanitizedGenes.length > 0" :items="sanitizedGenes" :headers="headers" /> - <v-else> - <v-alert type="info" variant="tonal"> - No gene found. - </v-alert> - </v-else> + <v-card v-else flat color="transparent"> + <v-card-text> + <v-alert type="info" variant="tonal"> + No gene found + </v-alert> + </v-card-text> + </v-card> </template> diff --git a/frontend/pages/analyses/[analysisId]/hmmer.vue b/frontend/pages/analyses/[analysisId]/hmmer.vue index 5fd95b403d4128e46910003998bfa142a9aa85b5..b4eeb965a917dc1a9678cbbff952ec0d3f32898f 100644 --- a/frontend/pages/analyses/[analysisId]/hmmer.vue +++ b/frontend/pages/analyses/[analysisId]/hmmer.vue @@ -37,7 +37,12 @@ const sanitizedHmmer = computed(() => { </script> <template> <AnalysisResultDataTable v-if="sanitizedHmmer.length > 0" :items="sanitizedHmmer" :headers="headers" /> - <v-alert type="info" variant="tonal"> - No hmmer hit. - </v-alert> + <v-card v-else flat color="transparent"> + <v-card-text> + <v-alert type="info" variant="tonal"> + No hmmer hit + </v-alert> + </v-card-text> + </v-card> + </template> diff --git a/frontend/pages/analyses/[analysisId]/systems.vue b/frontend/pages/analyses/[analysisId]/systems.vue index 9bf386b2cc3c6c9ab915bf229022daa19b383c2b..e8e45cc0b1bfdf79f2285c25c622fa9c1f24c8e7 100644 --- a/frontend/pages/analyses/[analysisId]/systems.vue +++ b/frontend/pages/analyses/[analysisId]/systems.vue @@ -37,7 +37,12 @@ const sanitizedSystems = computed(() => { </script> <template> <AnalysisResultDataTable v-if="sanitizedSystems.length > 0" :items="sanitizedSystems" :headers="headers" /> - <v-alert type="info" variant="tonal"> - No system found. - </v-alert> + <v-card v-else flat color="transparent"> + <v-card-text> + <v-alert type="info" variant="tonal"> + No system found + </v-alert> + </v-card-text> + </v-card> + </template>