frontend/modules/commercial/pages/clients/index.vue

@@ -39,7 +39,7 @@
             :per-page="itemsPerPage"
             :per-page-options="itemsPerPageOptions"
             row-clickable
-            table-class="table-fixed"
+            table-class="table-fixed clients-table"
             :empty-message="t('commercial.clients.empty')"
             @row-click="onRowClick"
             @update:page="goToPage"
@@ -56,7 +56,7 @@
                     <span
                         v-for="site in (item.sites as ClientSite[])"
                         :key="site.id"
-                        class="inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium text-white"
+                        class="inline-flex items-center rounded-full px-2 py-0.5 text-sm font-medium text-white"
                         :style="{ backgroundColor: site.color }"
                     >
                         {{ site.name }}
@@ -419,3 +419,25 @@ onMounted(() => {
     })
 })
 </script>
+
+<style scoped>
+/*
+ * Surcharge du style par defaut de MalioDataTable pour le repertoire client :
+ * le composant rend les titres de colonne et le corps en bleu (text-m-primary),
+ * en 20px (titres) / 18px (corps). Demande : titres NOIRS a 16px, corps NOIR a 14px.
+ * Les badges de site (text-white / text-xs) gardent leur style propre (plus
+ * specifique sur leur span).
+ */
+:deep(.clients-table thead th) {
+    font-size: 16px;
+}
+
+:deep(.clients-table thead th span) {
+    color: #000;
+}
+
+:deep(.clients-table tbody td) {
+    color: #000;
+    font-size: 14px;
+}
+</style>