fix(seaside): fix ui group button

Marthym · Dec 3, 2023 · ded7596 · ded7596
1 parent 126410f
commit ded7596
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/seaside/src/administration/component/UserAdminTab.vue b/seaside/src/administration/component/UserAdminTab.vue
@@ -1,19 +1,19 @@
 <template>
   <div class="overflow-x-auto mt-4">
-    <div class="md:btn-group mb-2">
-      <button class="btn btn-sm mb-2 mr-2 md:m-0" @click.prevent="onUserAdd()">
+    <div class="md:join mb-2">
+      <button class="btn btn-sm mb-2 mr-2 join-item md:m-0" @click.prevent="onUserAdd()">
         <PlusCircleIcon class="w-6 h-6 md:mr-2"/>
         <span>Ajouter</span>
       </button>
-      <button class="btn btn-sm btn-ghost mb-2 mr-2 md:m-0" @click="">
+      <button class="btn btn-sm btn-ghost mb-2 mr-2 join-item md:m-0" @click="">
         <ArrowDownTrayIcon class="w-6 h-6 mr-2"/>
         Importer
       </button>
-      <a class="btn btn-sm btn-ghost mb-2 mr-2 md:m-0">
+      <a class="btn btn-sm btn-ghost mb-2 mr-2 join-item md:m-0">
         <ArrowUpTrayIcon class="w-6 h-6 mr-2"/>
         Exporter
       </a>
-      <button class="btn btn-sm btn-error mb-2 mr-2 md:m-0" :disabled="!checkState" @click="onUserBulkDelete()">
+      <button class="btn btn-sm btn-error mb-2 mr-2 join-item md:m-0" :disabled="!checkState" @click="onUserBulkDelete()">
         <TrashIcon class="w-6 h-6"/>
         Supprimer
       </button>
@@ -66,11 +66,11 @@
         <td>{{ roleFromPermission(vUser.data.roles) }}</td>
         <td>{{ dateToString(vUser.data._createdAt) }}</td>
         <td>
-          <div class="btn-group justify-end w-full">
-            <button class="btn btn-sm btn-square btn-ghost" @click.prevent="onUserEdit(vUser.data)">
+          <div class="join justify-end w-full">
+            <button class="btn btn-sm btn-square btn-ghost join-item" @click.prevent="onUserEdit(vUser.data)">
               <PencilIcon class="h-6 w-6"/>
             </button>
-            <button class="btn btn-sm btn-square btn-ghost" @click.prevent="onUserDelete(vUser.data)">
+            <button class="btn btn-sm btn-square btn-ghost join-item" @click.prevent="onUserDelete(vUser.data)">
               <TrashIcon class="h-6 w-6"/>
             </button>
           </div>