From 033522c372dbcfe79ac817a0b999cea1d9be68e3 Mon Sep 17 00:00:00 2001 From: SauceyRed Date: Wed, 30 Jul 2025 16:28:59 +0200 Subject: [PATCH] style: generally improve appearance of context menu --- components/UserInterface/ContextMenu.vue | 22 ++++++++++++++++++---- types/interfaces.ts | 1 + 2 files changed, 19 insertions(+), 4 deletions(-) diff --git a/components/UserInterface/ContextMenu.vue b/components/UserInterface/ContextMenu.vue index 95f11c4..f602922 100644 --- a/components/UserInterface/ContextMenu.vue +++ b/components/UserInterface/ContextMenu.vue @@ -34,10 +34,24 @@ function runCallback(item: ContextMenuItem) { position: absolute; display: flex; flex-direction: column; - width: 10dvw; - border: .15rem solid cyan; - background-color: var(--background-color); - text-align: center; + width: 10rem; + border: .1rem solid var(--reply-text-color); + background-color: var(--sidebar-highlighted-background-color); + text-align: left; +} + +.context-menu-item { + display: flex; + align-items: center; + justify-content: space-between; + height: 2rem; + width: 100%; + color: var(--text-color); + background-color: var(--sidebar-highlighted-background-color); + border: none; + text-align: left; + padding-left: 1rem; + padding-right: 1rem; } .context-menu-item:hover { diff --git a/types/interfaces.ts b/types/interfaces.ts index e96e7f8..088e20b 100644 --- a/types/interfaces.ts +++ b/types/interfaces.ts @@ -101,6 +101,7 @@ export interface ModalProps { export interface ContextMenuItem { name: string, + icon?: string, callback: (...args: any[]) => any; }