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 terminal-panel.tsx

Browse Source
This commit is contained in:
MacRimi
2025-11-24 18:41:42 +01:00
parent 400cc599e3
commit 4d4e35e24b
1 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -151,8 +151,11 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
useEffect(() => { useEffect(() => {
const updateDeviceType = () => { const updateDeviceType = () => {
const width = window.innerWidth const width = window.innerWidth
const isTouchDevice = "ontouchstart" in window || navigator.maxTouchPoints > 0
const isTabletSize = width >= 768 && width <= 1366 // iPads Pro pueden llegar a 1366px
setIsMobile(width < 768) setIsMobile(width < 768)
setIsTablet(width >= 768 && width < 1024) setIsTablet(isTouchDevice && isTabletSize)
} }
updateDeviceType() updateDeviceType()
@@ -415,12 +418,6 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
term.open(container) term.open(container)
const isMobileDevice = window.innerWidth < 768
if (isMobileDevice) {
// Establecer un ancho mínimo de 100 columnas para forzar scroll horizontal en móvil
container.style.minWidth = "800px"
}
fitAddon.fit() fitAddon.fit()
const wsUrl = websocketUrl || getWebSocketUrl() const wsUrl = websocketUrl || getWebSocketUrl()
@@ -701,8 +698,7 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
> >
<div <div
ref={(el) => (containerRefs.current[terminal.id] = el)} ref={(el) => (containerRefs.current[terminal.id] = el)}
className="w-full h-full flex-1 bg-black overflow-x-auto overflow-y-hidden scroll-smooth" className="w-full h-full flex-1 bg-black overflow-hidden"
style={{ minWidth: "800px" }}
/> />
</TabsContent> </TabsContent>
))} ))}
@@ -743,14 +739,18 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
)} )}
</div> </div>
{(window.innerWidth >= 640 || isTablet) && ( {(isTablet || (!isMobile && !isTablet)) && terminals.length > 0 && (
<div <div
onMouseDown={handleResizeStart} onMouseDown={handleResizeStart}
onTouchStart={handleResizeStart} onTouchStart={handleResizeStart}
className="hidden sm:flex items-center justify-center h-3 bg-zinc-800/50 hover:bg-zinc-700/50 cursor-row-resize border-y border-zinc-700/50 transition-colors active:bg-zinc-600/50" onMouseEnter={() => console.log("[v0] Mouse entered resize handle")}
style={{ touchAction: "none", userSelect: "none" }} onMouseLeave={() => console.log("[v0] Mouse left resize handle")}
onClick={() => console.log("[v0] Resize handle clicked")}
onPointerDown={() => console.log("[v0] Pointer down on resize handle")}
className="h-2 w-full cursor-row-resize bg-zinc-800 hover:bg-blue-600 transition-colors flex items-center justify-center group relative"
style={{ touchAction: "none" }}
> >
<GripHorizontal className="h-3 w-3 text-zinc-500 pointer-events-none" /> <GripHorizontal className="h-4 w-4 text-zinc-600 group-hover:text-white pointer-events-none" />
</div> </div>
)} )}