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

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

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

@@ -407,6 +407,13 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
term.loadAddon(fitAddon)
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()
const wsUrl = websocketUrl || getWebSocketUrl()
@@ -651,7 +658,7 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
</div>
<div
className={`overflow-hidden flex flex-col ${isMobile ? "flex-1 min-h-[60vh]" : ""}`}
className={`overflow-hidden flex flex-col ${isMobile ? "flex-1 h-[60vh]" : "overflow-hidden"} w-full max-w-full`}
style={!isMobile ? { height: `${terminalHeight}px`, flexShrink: 0 } : undefined}
>
{isMobile ? (
@@ -679,11 +686,12 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
key={terminal.id}
value={terminal.id}
forceMount
className={`flex-1 mt-0 ${activeTerminalId === terminal.id ? "block" : "hidden"}`}
className={`flex-1 h-full mt-0 ${activeTerminalId === terminal.id ? "block" : "hidden"}`}
>
<div
ref={(el) => (containerRefs.current[terminal.id] = el)}
className="w-full h-full bg-black overflow-x-auto overflow-y-hidden"
className="w-full h-full flex-1 bg-black overflow-x-auto overflow-y-hidden scroll-smooth"
style={{ minWidth: "800px" }}
/>
</TabsContent>
))}