From f647c8f9ee4eb0d6d1f08175c078e9cc089a7904 Mon Sep 17 00:00:00 2001 From: Jin Yi Date: Fri, 23 Jan 2026 15:47:50 +0900 Subject: [PATCH] [bugfix] Fix inconsistent menu icon sizes in ComfyMenuButton (#8268) ## Summary Replace MDI font icons with Tailwind Iconify (Lucide) icons for Settings and Manage Extensions menu items to fix size inconsistency with Browse Template icon. ## Changes - **What**: MDI font icons (`mdi mdi-cog-outline`, `mdi mdi-puzzle-outline`) rendered at 14px (`text-sm` font-size), while the Tailwind Iconify icon (`icon-[comfy--template]`) rendered at ~16.8px due to `scale: 1.2` in the Tailwind plugin config. Replaced with `icon-[lucide--settings]` and `icon-[lucide--puzzle]` so all icons use the same rendering pipeline. --- src/components/sidebar/ComfyMenuButton.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/sidebar/ComfyMenuButton.vue b/src/components/sidebar/ComfyMenuButton.vue index 6a7010a97..84b2bbfc6 100644 --- a/src/components/sidebar/ComfyMenuButton.vue +++ b/src/components/sidebar/ComfyMenuButton.vue @@ -219,7 +219,7 @@ const extraMenuItems = computed(() => [ { key: 'settings', label: t('g.settings'), - icon: 'mdi mdi-cog-outline', + icon: 'icon-[lucide--settings]', command: () => { telemetry?.trackUiButtonClicked({ button_id: 'sidebar_settings_menu_opened' @@ -230,7 +230,7 @@ const extraMenuItems = computed(() => [ { key: 'manage-extensions', label: t('menu.manageExtensions'), - icon: 'mdi mdi-puzzle-outline', + icon: 'icon-[lucide--puzzle]', command: showManageExtensions } ])