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

Update script-terminal-modal.tsx

Browse Source
This commit is contained in:
MacRimi
2025-12-10 23:15:50 +01:00
parent feeaaa7f2b
commit 15678cf96a
1 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
AppImage/components/script-terminal-modal.tsx
View File

@@ -413,6 +413,10 @@ export function ScriptTerminalModal({
} }
const handleResizeStart = (e: React.MouseEvent | React.TouchEvent) => { const handleResizeStart = (e: React.MouseEvent | React.TouchEvent) => {
if (window.innerWidth < 640 && !isTablet) {
return
}
e.preventDefault() e.preventDefault()
e.stopPropagation() e.stopPropagation()
@@ -420,10 +424,11 @@ export function ScriptTerminalModal({
const startHeight = modalHeight const startHeight = modalHeight
const handleMove = (moveEvent: MouseEvent | TouchEvent) => { const handleMove = (moveEvent: MouseEvent | TouchEvent) => {
moveEvent.preventDefault() // Añadido preventDefault en cada move para mejor soporte táctil moveEvent.preventDefault()
moveEvent.stopPropagation()
const currentY = "touches" in moveEvent ? moveEvent.touches[0].clientY : moveEvent.clientY const currentY = "touches" in moveEvent ? moveEvent.touches[0].clientY : moveEvent.clientY
const deltaY = currentY - startY const deltaY = currentY - startY
const newHeight = Math.max(300, Math.min(2400, startHeight + deltaY)) // Restaurado a píxeles con límites razonables const newHeight = Math.max(300, Math.min(2400, startHeight + deltaY))
setModalHeight(newHeight) setModalHeight(newHeight)
@@ -444,17 +449,17 @@ export function ScriptTerminalModal({
} }
const handleEnd = () => { const handleEnd = () => {
document.removeEventListener("mousemove", handleMove as any) document.removeEventListener("mousemove", handleMove)
document.removeEventListener("mouseup", handleEnd) document.removeEventListener("mouseup", handleEnd)
document.removeEventListener("touchmove", handleMove as any) document.removeEventListener("touchmove", handleMove)
document.removeEventListener("touchend", handleEnd) document.removeEventListener("touchend", handleEnd)
localStorage.setItem("scriptModalHeight", modalHeight.toString()) localStorage.setItem("scriptModalHeight", modalHeight.toString())
} }
document.addEventListener("mousemove", handleMove as any) document.addEventListener("mousemove", handleMove)
document.addEventListener("mouseup", handleEnd) document.addEventListener("mouseup", handleEnd)
document.addEventListener("touchmove", handleMove as any, { passive: false }) document.addEventListener("touchmove", handleMove, { passive: false })
document.addEventListener("touchend", handleEnd) document.addEventListener("touchend", handleEnd)
} }
@@ -496,11 +501,11 @@ export function ScriptTerminalModal({
)} )}
</div> </div>
{(isTablet || (!isMobile && !isTablet)) && ( // Barra visible en tablet y escritorio {(isTablet || (!isMobile && !isTablet)) && (
<div <div
onMouseDown={handleResizeStart} onMouseDown={handleResizeStart}
onTouchStart={handleResizeStart} onTouchStart={handleResizeStart}
className="h-2 w-full cursor-row-resize bg-zinc-800 hover:bg-blue-600 transition-colors flex items-center justify-center group relative" className="h-2 w-full cursor-row-resize bg-zinc-800 hover:bg-blue-600 transition-colors flex items-center justify-center group relative pointer-events-auto z-50"
style={{ touchAction: "none" }} style={{ touchAction: "none" }}
> >
<GripHorizontal className="h-4 w-4 text-zinc-600 group-hover:text-white pointer-events-none" /> <GripHorizontal className="h-4 w-4 text-zinc-600 group-hover:text-white pointer-events-none" />