dynamic screen size

x · x · commit 0d31c052e45f · 2025-07-27T01:59:53.000-04:00
diff --git a/index.html b/index.html
@@ -3,16 +3,28 @@
 <head>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/xterm@5.3.0/css/xterm.css" />
     <script src="https://cdn.jsdelivr.net/npm/xterm@5.3.0/lib/xterm.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/xterm-addon-fit@0.8.0/lib/xterm-addon-fit.js"></script>
 </head>
-<body style="margin: 0; padding: 20px; background: #1e1e1e;">
-    <div id="terminal"></div>
+<body style="margin: 0; padding: 20px; background: #1e1e1e; height: 100vh; box-sizing: border-box;">
+    <div id="terminal" style="height: 100%;"></div>
 
     <script>
         // Create terminal with responsive font size
         const term = new Terminal({
             fontSize: window.innerWidth < 768 ? 14 : 16
         });
+
+        // Fit addon
+        const fitAddon = new FitAddon.FitAddon();
+        term.loadAddon(fitAddon);
+
         term.open(document.getElementById('terminal'));
+        fitAddon.fit();
+
+        // Handle window resize
+        window.addEventListener('resize', () => {
+            fitAddon.fit();
+        });
 
         // Create worker code inline
         const workerCode = `
