Update terminal-panel.tsx

This commit is contained in:
MacRimi
2025-11-24 19:11:11 +01:00
parent a1d2445ae6
commit 1daa120d06

View File

@@ -759,8 +759,11 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
{(isMobile || isTablet) && ( {(isMobile || isTablet) && (
<div className="flex flex-wrap gap-2 justify-center items-center px-2 bg-zinc-900 text-sm rounded-b-md border-t border-zinc-700 py-1.5"> <div className="flex flex-wrap gap-2 justify-center items-center px-2 bg-zinc-900 text-sm rounded-b-md border-t border-zinc-700 py-1.5">
<Button <Button
onClick={(e) => sendSequence("\x1b", e)} onPointerDown={(e) => {
onTouchStart={(e) => e.preventDefault()} e.preventDefault()
e.stopPropagation()
sendSequence("\x1b", e)
}}
variant="outline" variant="outline"
size="sm" size="sm"
className="h-8 px-3 text-xs" className="h-8 px-3 text-xs"
@@ -768,8 +771,11 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
ESC ESC
</Button> </Button>
<Button <Button
onClick={(e) => sendSequence("\t", e)} onPointerDown={(e) => {
onTouchStart={(e) => e.preventDefault()} e.preventDefault()
e.stopPropagation()
sendSequence("\t", e)
}}
variant="outline" variant="outline"
size="sm" size="sm"
className="h-8 px-3 text-xs" className="h-8 px-3 text-xs"
@@ -777,8 +783,11 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
TAB TAB
</Button> </Button>
<Button <Button
onClick={(e) => handleKeyButton("UP", e)} onPointerDown={(e) => {
onTouchStart={(e) => e.preventDefault()} e.preventDefault()
e.stopPropagation()
handleKeyButton("UP", e)
}}
variant="outline" variant="outline"
size="sm" size="sm"
className="h-8 px-3 text-xs" className="h-8 px-3 text-xs"
@@ -786,8 +795,11 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
</Button> </Button>
<Button <Button
onClick={(e) => handleKeyButton("DOWN", e)} onPointerDown={(e) => {
onTouchStart={(e) => e.preventDefault()} e.preventDefault()
e.stopPropagation()
handleKeyButton("DOWN", e)
}}
variant="outline" variant="outline"
size="sm" size="sm"
className="h-8 px-3 text-xs" className="h-8 px-3 text-xs"
@@ -795,8 +807,11 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
</Button> </Button>
<Button <Button
onClick={(e) => handleKeyButton("LEFT", e)} onPointerDown={(e) => {
onTouchStart={(e) => e.preventDefault()} e.preventDefault()
e.stopPropagation()
handleKeyButton("LEFT", e)
}}
variant="outline" variant="outline"
size="sm" size="sm"
className="h-8 px-3 text-xs" className="h-8 px-3 text-xs"
@@ -804,8 +819,11 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
</Button> </Button>
<Button <Button
onClick={(e) => handleKeyButton("RIGHT", e)} onPointerDown={(e) => {
onTouchStart={(e) => e.preventDefault()} e.preventDefault()
e.stopPropagation()
handleKeyButton("RIGHT", e)
}}
variant="outline" variant="outline"
size="sm" size="sm"
className="h-8 px-3 text-xs" className="h-8 px-3 text-xs"
@@ -813,8 +831,11 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
</Button> </Button>
<Button <Button
onClick={(e) => sendSequence("\x03", e)} onPointerDown={(e) => {
onTouchStart={(e) => e.preventDefault()} e.preventDefault()
e.stopPropagation()
sendSequence("\x03", e)
}}
variant="outline" variant="outline"
size="sm" size="sm"
className="h-8 px-3 text-xs" className="h-8 px-3 text-xs"