fix: widen focus info panel and ensure terminal modal background opacity

main
mula.liu 2025-11-30 23:39:15 +08:00
parent 21956f1c3b
commit fc81a4d8dc
1 changed files with 4 additions and 1 deletions

View File

@ -48,6 +48,9 @@ export function FocusInfo({ body, onClose }: FocusInfoProps) {
padding: 0 !important; padding: 0 !important;
overflow: hidden !important; overflow: hidden !important;
} }
.terminal-modal .ant-modal-body {
background-color: #0d1117 !important;
}
.terminal-modal .ant-modal-header { .terminal-modal .ant-modal-header {
background-color: #161b22 !important; background-color: #161b22 !important;
border-bottom: 1px solid #238636 !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"> <div className="flex flex-col items-center -translate-y-24 pointer-events-none">
<style>{terminalStyles}</style> <style>{terminalStyles}</style>
{/* Main Info Card */} {/* 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 */} {/* Close Button */}
<button <button