From 75f19f35b18271464c96f322cfc209da642d7830 Mon Sep 17 00:00:00 2001
From: Antoine Nguyen <tonio@ngyn.org>
Date: Wed, 16 Jul 2025 14:06:28 +0200
Subject: [PATCH] Fixed wrong DMARC report detail display.

---
 .../src/components/admin/dmarc/DmarcSourceTable.vue    | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/admin/dmarc/DmarcSourceTable.vue b/frontend/src/components/admin/dmarc/DmarcSourceTable.vue
index 5c3d115a4..33820825f 100644
--- a/frontend/src/components/admin/dmarc/DmarcSourceTable.vue
+++ b/frontend/src/components/admin/dmarc/DmarcSourceTable.vue
@@ -2,9 +2,9 @@
   <div>
     <div class="text-h6">
       {{ title }}
-      <span :class="text - `${color}-lighten-2`">{{ total }}</span>
+      <span :class="`text-${color}-lighten-2`">{{ total }}</span>
     </div>
-    <v-simple-table>
+    <v-table>
       <tbody>
         <template v-for="(source, name) in sources" :key="name">
           <tr>
@@ -35,13 +35,15 @@
           </tr>
         </template>
       </tbody>
-    </v-simple-table>
+    </v-table>
   </div>
 </template>
 
-<script setup lang="js">
+<script setup>
 import { useGettext } from 'vue3-gettext'
+
 const { $gettext } = useGettext()
+
 defineProps({
   title: { type: String, default: '' },
   color: { type: String, default: '' },