github/OpenHands
1
0
Fork 0
mirror of https://github.com/OpenHands/OpenHands.git synced 2025-12-26 05:48:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

Bug Fix: UI layout changes as you switch between tabs (#58)

Browse Source 
* Fix UI layout change bug

* Reword comment
This commit is contained in:
Jim Su 2024-03-19 22:43:15 -04:00 committed by GitHub
parent 34c76a52c8
commit b6699fa047
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/Terminal.tsx
View File

@ -9,6 +9,12 @@ function Terminal(): JSX.Element {
const WS_URL = import.meta.env.VITE_TERMINAL_WS_URL;
useEffect(() => {
const terminal = new XtermTerminal({
// This value is set to the appropriate value by the
// `fitAddon.fit()` call below.
// If not set here, the terminal does not respect the width
// of its parent element. This causes a bug where the terminal
// is too large and switching tabs causes a layout shift.
cols: 0,
fontFamily: "Menlo, Monaco, 'Courier New', monospace",
fontSize: 14,
});