fix dropdown issues

resources/scripts/admin/components/dropdowns/InvoiceIndexDropdown.vue

@@ -69,6 +69,7 @@
     <router-link :to="`/admin/payments/${row.id}/create`">
       <BaseDropdownItem
         v-if="row.status == 'SENT' && route.name !== 'invoices.view'"
+        v-slot="slotProps"
       >
         <BaseIcon
           name="CreditCardIcon"

resources/scripts/components/CompanySwitcher.vue

@@ -125,13 +125,13 @@
                     justify-center
                     mr-3
                     overflow-hidden
-                    text-base
+                    text-sm
                     font-semibold
                     bg-gray-200
                     rounded-md
                     w-9
                     h-9
-                    text-primary-50
+                    text-primary-500
                     dark:bg-gray-900
                     "
                   >

resources/scripts/components/base/BaseDropdownItem.vue

@@ -2,7 +2,8 @@
   <MenuItem v-slot="{ active }" v-bind="$attrs">
     <a
       href="#"
-      class="group flex items-center px-4 py-2 text-sm font-normal" :class="[
+      class="group flex items-center px-4 py-2 text-sm font-normal"
+      :class="[
         active
           ? 'bg-gray-100 text-gray-900 dark:text-white dark:bg-gray-700'
           : 'text-gray-700 dark:text-gray-200',
@@ -15,6 +16,6 @@
 
 <script setup>
 import { MenuItem } from '@headlessui/vue'
-const defaultIconClass
-  = 'w-5 h-5 mr-3 text-gray-400 group-hover:text-gray-500 dark:text-gray-400 dark:group-hover:text-white'
+const defaultIconClass =
+  'w-5 h-5 mr-3 text-gray-400 group-hover:text-gray-500 dark:text-gray-400 dark:group-hover:text-white'
 </script>