mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-02-05 07:30:11 +00:00
[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.
This commit is contained in:
@@ -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
|
||||
}
|
||||
])
|
||||
|
||||
Reference in New Issue
Block a user