From fc81a4d8dc086970c144e5d345b69d8399d5df08 Mon Sep 17 00:00:00 2001
From: "mula.liu" <mula.liu@163.com>
Date: Sun, 30 Nov 2025 23:39:15 +0800
Subject: [PATCH] fix: widen focus info panel and ensure terminal modal
 background opacity

---
 frontend/src/components/FocusInfo.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/FocusInfo.tsx b/frontend/src/components/FocusInfo.tsx
index c080b57..cdd2c08 100644
--- a/frontend/src/components/FocusInfo.tsx
+++ b/frontend/src/components/FocusInfo.tsx
@@ -48,6 +48,9 @@ export function FocusInfo({ body, onClose }: FocusInfoProps) {
         padding: 0 !important;
         overflow: hidden !important;
     }
+    .terminal-modal .ant-modal-body {
+        background-color: #0d1117 !important;
+    }
     .terminal-modal .ant-modal-header {
         background-color: #161b22 !important;
         border-bottom: 1px solid #238636 !important;
@@ -76,7 +79,7 @@ export function FocusInfo({ body, onClose }: FocusInfoProps) {
     <div className="flex flex-col items-center -translate-y-24 pointer-events-none">
       <style>{terminalStyles}</style>
       {/* Main Info Card */}
-      <div className="bg-black/80 backdrop-blur-xl border border-white/10 rounded-2xl p-5 min-w-[280px] max-w-sm shadow-2xl pointer-events-auto relative group mb-2">
+      <div className="bg-black/80 backdrop-blur-xl border border-white/10 rounded-2xl p-5 min-w-[340px] max-w-md shadow-2xl pointer-events-auto relative group mb-2">
         
         {/* Close Button */}
         <button