Add icon, style dropdown

client/src/components/ui/ItDropdown.vue

@@ -36,19 +36,21 @@ const emit = defineEmits<{
       leave-to-class="transform scale-95 opacity-0"
     >
       <MenuItems
-        class="absolute left-0 mt-2 w-56 origin-top-right divide-y divide-gray-100 bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
+        class="absolute left-0 mt-2 px-6 w-56 origin-top-right divide-y divide-gray-500 bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
       >
         <div class="" v-for="section in listItems" :key="section">
           <div class="px-1 py-1" v-for="item in section" :key="item">
-            <MenuItem v-slot="{ active }">
+            <MenuItem>
               <button
                 @click="$emit('select', item.data)"
-                :class="[
-                  active ? 'bg-violet-500 text-white' : 'text-gray-900',
-                  'group flex w-full items-center rounded-md px-2 py-2 text-sm',
-                ]"
+                class="text-black group flex w-full items-center px-0 py-2 text-sm"
               >
-                <component v-if="item.icon" :is="item.icon"></component>
+                <span class="inline-block pr-2">
+                  <component
+                    v-if="item.icon"
+                    :is="item.icon"
+                  ></component>
+                </span>
                 {{item.title}}
               </button>
             </MenuItem>

client/src/views/StyelGuideView.vue

@@ -5,6 +5,7 @@ import {Listbox, ListboxButton, ListboxOption, ListboxOptions} from '@headlessui
 import ItCheckbox from '@/components/ui/ItCheckbox.vue';
 import ItDropdown from "@/components/ui/ItDropdown.vue";
 import IconLogout from "@/components/icons/IconLogout.vue"
+import IconSettings from "@/components/icons/IconSettings.vue"
 
 
 const state = reactive({
@@ -42,7 +43,7 @@ const dropdownData = shallowRef([
     [
       {
         title: 'Option 3',
-        icon: null,
+        icon: IconSettings,
         data: {
           amount: 34
         }