diff --git a/client/src/components/icons/IconSettings.vue b/client/src/components/icons/IconSettings.vue new file mode 100644 index 00000000..9f0300a2 --- /dev/null +++ b/client/src/components/icons/IconSettings.vue @@ -0,0 +1,6 @@ + + + + + + diff --git a/client/src/components/ui/ItDropdown.vue b/client/src/components/ui/ItDropdown.vue index e479e421..c42dc4b9 100644 --- a/client/src/components/ui/ItDropdown.vue +++ b/client/src/components/ui/ItDropdown.vue @@ -36,19 +36,21 @@ const emit = defineEmits<{ leave-to-class="transform scale-95 opacity-0" > - + - + + + {{item.title}} diff --git a/client/src/views/StyelGuideView.vue b/client/src/views/StyelGuideView.vue index d24a7600..3e325216 100644 --- a/client/src/views/StyelGuideView.vue +++ b/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 }