From 8de950c40258823153a94eec56eca683db1fa27b Mon Sep 17 00:00:00 2001
From: tristan <tristan@yuno.malio.fr>
Date: Mon, 20 Apr 2026 12:54:42 +0000
Subject: [PATCH] fix: distribution de `tailwind.config.ts` aux projets
 consommateurs avec paths `content` absolus (#31)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

| Numéro du ticket | Titre du ticket |
|------------------|-----------------|
|                  |                 |

## Description de la PR

## Modification du .env

## Check list

- [ ] Pas de régression
- [ ] TU/TI/TF rédigée
- [ ] TU/TI/TF OK
- [ ] CHANGELOG modifié

Co-authored-by: kevin <kevin@yuno.malio.fr>
Co-authored-by: Kevin Boudet <kevin@yuno.malio.fr>
Reviewed-on: https://gitea.malio.fr/MALIO-DEV/malio-layer-ui/pulls/31
Co-authored-by: tristan <tristan@yuno.malio.fr>
Co-committed-by: tristan <tristan@yuno.malio.fr>
---
 CHANGELOG.md                                 |  2 ++
 app/assets/css/malio.css                     |  2 +-
 app/components/malio/datatable/DataTable.vue |  6 +++---
 package.json                                 |  1 +
 tailwind.config.ts                           | 16 ++++++++++------
 5 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9241921..6092236 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -30,3 +30,5 @@ Liste des évolutions de la librairie Malio layer UI
 ### Changed
 
 ### Fixed
+* Hauteur des boutons de pagination du datatable alignée sur le select (40px)
+* Distribution de `tailwind.config.ts` aux projets consommateurs avec paths `content` absolus
diff --git a/app/assets/css/malio.css b/app/assets/css/malio.css
index 6aa38c7..fbdb860 100644
--- a/app/assets/css/malio.css
+++ b/app/assets/css/malio.css
@@ -35,6 +35,6 @@
     --m-site-yellow: 243 203 0;     /* #F3CB00 - Jaune Saint-Jean */
     --m-site-green: 116 191 4;      /* #74BF04 - Vert Pommevic */
 
-    --m-radius: 8px;
+    --m-radius: 6px;
   }
 }
diff --git a/app/components/malio/datatable/DataTable.vue b/app/components/malio/datatable/DataTable.vue
index 318ae7a..c242bd1 100644
--- a/app/components/malio/datatable/DataTable.vue
+++ b/app/components/malio/datatable/DataTable.vue
@@ -80,7 +80,7 @@
           variant="tertiary"
           label="Prev"
           :disabled="page <= 1"
-          button-class="h-8 w-auto min-w-0 px-3 text-sm"
+          button-class="h-10 w-auto min-w-0 px-3 text-sm"
           aria-label="Page précédente"
           data-test="prev-button"
           @click="goToPage(page - 1)"
@@ -95,7 +95,7 @@
           <button
             v-else
             type="button"
-            class="h-8 min-w-[2rem] rounded px-2 text-sm transition-colors"
+            class="h-10 min-w-[2.5rem] rounded px-2 text-sm transition-colors"
             :class="p === page
               ? 'bg-m-btn-primary text-white font-semibold'
               : 'text-m-text hover:bg-m-bg'"
@@ -111,7 +111,7 @@
           variant="tertiary"
           label="Next"
           :disabled="page >= totalPages"
-          button-class="h-8 w-auto min-w-0 px-3 text-sm"
+          button-class="h-10 w-auto min-w-0 px-3 text-sm"
           aria-label="Page suivante"
           data-test="next-button"
           @click="goToPage(page + 1)"
diff --git a/package.json b/package.json
index 19c80d4..a6b3086 100644
--- a/package.json
+++ b/package.json
@@ -6,6 +6,7 @@
   "files": [
     "app/**",
     "nuxt.config.ts",
+    "tailwind.config.ts",
     "README.md",
     "COMPONENTS.md"
   ],
diff --git a/tailwind.config.ts b/tailwind.config.ts
index c812b6d..64bccd0 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,12 +1,16 @@
 import type {Config} from 'tailwindcss'
+import {fileURLToPath} from 'node:url'
+import {dirname, join} from 'node:path'
+
+const dir = dirname(fileURLToPath(import.meta.url))
 
 export default {
   content: [
-    './app/**/*.{vue,js,ts}',
-    './app/**/*.story.{vue,js,ts}',
-    './.playground/**/*.{vue,js,ts}',
-    './histoire.setup.ts',
-    './histoire.config.ts',
+    join(dir, 'app/**/*.{vue,js,ts}'),
+    join(dir, 'app/**/*.story.{vue,js,ts}'),
+    join(dir, '.playground/**/*.{vue,js,ts}'),
+    join(dir, 'histoire.setup.ts'),
+    join(dir, 'histoire.config.ts'),
   ],
   theme: {
     extend: {
@@ -39,7 +43,7 @@ export default {
         },
       },
       fontFamily: {
-        sans: ['"Inter"', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
+        sans: ['"Helvetica Neue"', 'Helvetica', 'Arial', 'sans-serif'],
       },
     },
   },