feat: replace nuxt icons with unocss icons

2026-02-26 14:51:07 -06:00
parent 3ff0bcce19
commit 97afa1cbe1
30 changed files with 107 additions and 114 deletions
@@ -21,9 +21,9 @@ useClickOutside(menuRef, closeDropdown);
                <button v-for="item in currentItems" @click="item.onClick(); closeDropdown()" :disabled="item.disabled"
                    class="disabled:opacity-50 disabled:cursor-not-allowed items-center gap-1 text-left px-3 py-1.5 text-sm hover:bg-[var(--color-hover)] rounded-lg transition-colors duration-200 ease-[cubic-bezier(0.5,_1,_0.89,_1)]"
                    :class="{ 'text-red-600 hover:bg-red-600/20': item.danger, 'text-primary bg-[var(--color-hover)]': item.active }">
-                    <Icon v-if="item.icon" :name="item.icon" class="w-4 h-4 flex-shrink-0" />
+                    <span v-if="item.icon" :class="['w-4 h-4 shrink-0', item.icon]"></span>
                    <span class="text-sm whitespace-nowrap text-ellipsis max-w-full overflow-hidden">{{ item.label
-                        }}</span>
+                    }}</span>
                </button>
            </div>
        </Transition>