Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-12-14 08:06:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update AppImage

Browse Source
This commit is contained in:
MacRimi
2025-11-24 11:01:48 +01:00
parent da793856ce
commit 1ba45200ee
1 changed files with 18 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
AppImage/components/terminal-panel.tsx
View File

@@ -171,6 +171,10 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
resizeStartY.current = e.clientY
resizeStartHeight.current = terminalHeight
e.preventDefault()
e.stopPropagation()
// Deshabilitar selección de texto durante el resize
document.body.style.userSelect = "none"
document.body.style.cursor = "ns-resize"
},
[isMobile, terminalHeight],
)
@@ -179,6 +183,9 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
(e: MouseEvent) => {
if (!isResizing) return
e.preventDefault()
e.stopPropagation()
const deltaY = e.clientY - resizeStartY.current
const newHeight = Math.max(200, Math.min(1200, resizeStartHeight.current + deltaY))
setTerminalHeight(newHeight)
@@ -190,15 +197,19 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
if (!isResizing) return
setIsResizing(false)
localStorage.setItem("terminalHeight", terminalHeight.toString())
// Restaurar selección de texto y cursor
document.body.style.userSelect = ""
document.body.style.cursor = ""
}, [isResizing, terminalHeight])
useEffect(() => {
if (isResizing) {
document.addEventListener("mousemove", handleMouseMove)
document.addEventListener("mouseup", handleResizeEnd)
// Agregar capture: true para mejor compatibilidad
document.addEventListener("mousemove", handleMouseMove, { capture: true })
document.addEventListener("mouseup", handleResizeEnd, { capture: true })
return () => {
document.removeEventListener("mousemove", handleMouseMove)
document.removeEventListener("mouseup", handleResizeEnd)
document.removeEventListener("mousemove", handleMouseMove, { capture: true })
document.removeEventListener("mouseup", handleResizeEnd, { capture: true })
}
}
}, [isResizing, handleMouseMove, handleResizeEnd])
@@ -359,10 +370,12 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
import("xterm/css/xterm.css"),
]).then(([Terminal, FitAddon]) => [Terminal, FitAddon])
const fontSize = window.innerWidth < 768 ? 12 : 16
const term = new TerminalClass({
rendererType: "dom",
fontFamily: '"Courier", "Courier New", "Liberation Mono", "DejaVu Sans Mono", monospace',
fontSize: isMobile ? 12 : 16,
fontSize: fontSize,
lineHeight: 1,
cursorBlink: true,
scrollback: 2000,