From bcedd5f4edf47e9e6b2510ccf71513f0d1b8fa38 Mon Sep 17 00:00:00 2001
From: Chenlei Hu <huchenlei@proton.me>
Date: Sat, 15 Feb 2025 11:18:46 -0500
Subject: [PATCH] [Style] Show right arrow on nested submenu item (#2564)

---
 src/components/topbar/CommandMenubar.vue | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/components/topbar/CommandMenubar.vue b/src/components/topbar/CommandMenubar.vue
index 747e24a59..faf795b9b 100644
--- a/src/components/topbar/CommandMenubar.vue
+++ b/src/components/topbar/CommandMenubar.vue
@@ -8,7 +8,7 @@
       item: 'relative'
     }"
   >
-    <template #item="{ item, props }">
+    <template #item="{ item, props, root }">
       <a
         class="p-menubar-item-link"
         v-bind="props.action"
@@ -23,6 +23,7 @@
         >
           {{ item.comfyCommand.keybinding.combo.toString() }}
         </span>
+        <i v-if="!root && item.items" class="ml-auto pi pi-angle-right" />
       </a>
     </template>
   </Menubar>
@@ -64,10 +65,6 @@ const translatedItems = computed(() =>
 </script>
 
 <style scoped>
-.top-menubar :deep(.p-menubar-item-link) svg {
-  display: none;
-}
-
 :deep(.p-menubar-submenu.dropdown-direction-up) {
   @apply top-auto bottom-full flex-col-reverse;
 }