From 9388ce262428ff44369be20bc9c9e78b311dbfd6 Mon Sep 17 00:00:00 2001
From: ingalls <nick@ingalls.ca>
Date: Sat, 29 Jun 2024 14:11:31 -0600
Subject: [PATCH] Migrate to dropdown

---
 api/web/src/components/util/TableHeader.vue | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/api/web/src/components/util/TableHeader.vue b/api/web/src/components/util/TableHeader.vue
index 1ceec8d6e..b59145b71 100644
--- a/api/web/src/components/util/TableHeader.vue
+++ b/api/web/src/components/util/TableHeader.vue
@@ -33,19 +33,19 @@
 
                     <template v-if='shown[shown.length - 1] === h'>
                         <div class='ms-auto'>
-                            <div class='dropdown'>
+                            <TablerDropdown>
                                 <IconSettings
                                     :size='16'
                                     :stroke='1'
                                     class='mx-2 dropdown-toggle cursor-pointer'
-                                    data-bs-toggle='dropdown'
                                 />
-                                <div class='dropdown-menu'>
+
+                                <template #dropdown>
                                     <div
                                         v-for='(h, h_it) of header'
                                         :key='h_it'
                                     >
-                                        <label class='form-check subheader mb-0'>
+                                        <label class='form-check subheader mb-1 mx-1'>
                                             <input
                                                 class='form-check-input'
                                                 type='checkbox'
@@ -58,8 +58,8 @@
                                             />
                                         </label>
                                     </div>
-                                </div>
-                            </div>
+                                </template>
+                            </TablerDropdown>
                         </div>
                     </template>
                 </div>
@@ -74,10 +74,14 @@ import {
     IconChevronDown,
     IconSettings
 } from '@tabler/icons-vue';
+import {
+    TablerDropdown
+} from '@tak-ps/vue-tabler'
 
 export default {
     name: 'TableHeader',
     components: {
+        TablerDropdown,
         IconSettings,
         IconChevronUp,
         IconChevronDown