fix styling on settings page

apps/terminal/app/page.tsx

@@ -250,7 +250,8 @@ const Page = () => {
           paddingBottom: config.terminalBorderWidth,
           paddingLeft: config.terminalBorderWidth,
           paddingRight: config.terminalBorderWidth,
-          backgroundColor: config.colorScheme.background,
+          backgroundColor:
+            tabId === 0 ? undefined : config.colorScheme.background,
         }}
       >
         <div className="flex-1 relative overflow-hidden">

apps/terminal/components/SettingsPage/index.tsx

@@ -17,7 +17,7 @@ const SettingsPage = () => {
   }, []);
 
   return (
-    <div className="flex-1 w-full h-full relative flex flex-col items-center gap-4 px-4">
+    <div className="flex-1 w-full h-full relative flex flex-col items-center gap-4 p-4">
       <img src="/logo.png" alt="Terminal One" className="w-48 h-48" />
       <div className="text-2xl font-bold mb-4">TerminalOne v{appVersion}</div>
       <div className="form-control w-full max-w-lg">

apps/terminal/components/Terminal/index.tsx

@@ -130,6 +130,7 @@ const Terminal = ({
         });
 
         // make backend pty size consistent with xterm on the frontend
+        fitAddon.fit();
         window.TerminalOne?.terminal?.resizeTerminal(
           terminalId,
           xterm.cols,

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@terminalone/monorepo",
   "productName": "Terminal One",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "A fast, elegant and intelligent cross-platform terminal.",
   "author": "atinylittleshell <[email protected]>",
   "license": "MIT",