MALIO-DEV/malio-layer-ui
4
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: datatable + button style (#66)
Release / release (push) Successful in 1m8s
Details

Browse Source 
| 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: admin malio <malio@yuno.malio.fr>
Co-authored-by: THOLOT DECHENE Matthieu <matthieu@yuno.malio.fr>
Co-authored-by: matthieu <matthieu@yuno.malio.fr>
Reviewed-on: #66
Co-authored-by: tristan <tristan@yuno.malio.fr>
Co-committed-by: tristan <tristan@yuno.malio.fr>
This commit was merged in pull request #66.
This commit is contained in:
Autin
2026-06-08 13:34:26 +00:00
committed by Autin
parent 59230bbc7e
commit 2a818a0c77
6 changed files with 19 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/malio/datatable/DataTable.vue
+9 -8
View File
@@ -7,7 +7,7 @@
v-for="col in columns"
:key="col.key"
scope="col"
class="border-b border-black px-3 py-3 text-left align-middle text-[20px]"
class="border-b border-black px-3 py-3 text-left align-middle text-[16px]"
>
<slot
v-if="$slots[`header-${col.key}`]"
@@ -32,7 +32,7 @@
<td
v-for="col in columns"
:key="col.key"
class="px-3 py-4 text-[18px] text-m-primary"
class="px-3 py-4 text-[14px] text-m-primary"
:class="index < items.length - 1 ? 'border-b border-black' : ''"
>
<slot
@@ -57,16 +57,17 @@
<div
v-if="totalItems > 0"
class="flex items-center justify-between pt-2"
class="flex items-center justify-between pt-3"
data-test="pagination"
>
<div class="flex items-center gap-4">
<span class="whitespace-nowrap text-[16px] text-black">Lignes :</span>
<div class="h-12">
<div class="h-[30px]">
<MalioSelect
:model-value="perPage"
:options="perPageSelectOptions"
group-class="w-20"
group-class="w-20 h-[30px]"
field-class="h-[30px]"
rounded="rounded"
text-field="text-sm"
text-value="text-sm"
@@ -82,7 +83,7 @@
variant="tertiary"
label="Prev"
:disabled="page <= 1"
button-class="h-10 w-auto min-w-0 px-3 text-sm"
button-class="h-[30px] w-auto min-w-0 px-3 text-sm"
aria-label="Page précédente"
data-test="prev-button"
@click="goToPage(page - 1)"
@@ -97,7 +98,7 @@
<button
v-else
type="button"
class="h-10 min-w-[2.5rem] rounded px-2 text-sm transition-colors"
class="inline-flex h-[30px] min-w-[2.5rem] items-center justify-center 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'"
@@ -113,7 +114,7 @@
variant="tertiary"
label="Next"
:disabled="page >= totalPages"
button-class="h-10 w-auto min-w-0 px-3 text-sm"
button-class="h-[30px] w-auto min-w-0 px-3 text-sm"
aria-label="Page suivante"
data-test="next-button"
@click="goToPage(page + 1)"