From 6301bf9fd061bec0b1435b791367c6a451a2da55 Mon Sep 17 00:00:00 2001
From: NimBold <NimBold@users.noreply.github.com>
Date: Mon, 22 Jun 2026 22:04:32 +0330
Subject: [PATCH] style: update logs context menu to match app-modal
 glassmorphic styling

---
 src/components/LogsView.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/LogsView.tsx b/src/components/LogsView.tsx
index ccfb4b8..1a7c2cc 100644
--- a/src/components/LogsView.tsx
+++ b/src/components/LogsView.tsx
@@ -237,11 +237,13 @@ export default function LogsView() {
       {/* Context Menu */}
       {contextMenu && (
         <div
-          className="fixed z-[100] bg-bg-secondary border border-border-modal rounded-md shadow-lg py-1 min-w-[120px]"
-          style={{ left: Math.min(contextMenu.x, window.innerWidth - 120), top: Math.min(contextMenu.y, window.innerHeight - 40) }}
+          role="menu"
+          className="app-modal fixed z-50 min-w-[150px] overflow-visible py-1.5 text-[12px] font-medium text-text-primary"
+          style={{ left: Math.min(contextMenu.x, window.innerWidth - 150), top: Math.min(contextMenu.y, window.innerHeight - 50) }}
+          onClick={(e) => e.stopPropagation()}
         >
           <button
-            className="w-full text-left px-3 py-1.5 flex items-center hover:bg-item-hover text-[12px] text-text-primary"
+            className="w-full text-left px-3 py-2 flex items-center hover:bg-item-hover transition-colors"
             onClick={handleCopy}
           >
             <Copy size={13} className="mr-2 text-text-secondary" />