fix: add flex-col to context menu so items stack vertically

Adebesin-Cell · Adebesin-Cell · commit 22c3bb152c21 · 2026-03-22T17:51:11.000+01:00
diff --git a/app/components/LogoContextMenu.vue b/app/components/LogoContextMenu.vue
@@ -73,7 +73,7 @@ onKeyStroke('Escape', () => {
           ref="menuRef"
           role="menu"
           tabindex="-1"
-          class="fixed z-[999] bg-bg-elevated border border-border rounded-lg shadow-lg py-1 origin-top-left focus:outline-none motion-reduce:transition-none"
+          class="fixed z-[999] flex flex-col bg-bg-elevated border border-border rounded-lg shadow-lg py-1 origin-top-left focus:outline-none motion-reduce:transition-none"
           :style="{ left: `${x}px`, top: `${y}px` }"
           @keydown.escape="close"
         >

Original file line number	Diff line number	Diff line change
`@@ -73,7 +73,7 @@ onKeyStroke('Escape', () => {`
`73`	`73`	`ref="menuRef"`
`74`	`74`	`role="menu"`
`75`	`75`	`tabindex="-1"`
`76`		`- class="fixed z-[999] bg-bg-elevated border border-border rounded-lg shadow-lg py-1 origin-top-left focus:outline-none motion-reduce:transition-none"`
	`76`	`+ class="fixed z-[999] flex flex-col bg-bg-elevated border border-border rounded-lg shadow-lg py-1 origin-top-left focus:outline-none motion-reduce:transition-none"`
`77`	`77`	:style="{ left: `${x}px`, top: `${y}px` }"
`78`	`78`	`@keydown.escape="close"`
`79`	`79`	`>`