diff --git a/README.md b/README.md index da81863b..94315367 100644 --- a/README.md +++ b/README.md @@ -16,6 +16,8 @@ Termix Banner

+![Discord](https://img.shields.io/discord/1347374268253470720?style=for-the-badge&label=DISCORD&link=https%3A%2F%2Fdiscord.gg%2FjVQGdvHDrf) + # Overview Termix is an open-source forever free self-hosted SSH (other protocols planned, see [Planned Features](#planned-features)) server management panel inspired by [Nexterm](https://github.com/gnmyt/Nexterm). Its purpose is to provide an all-in-one docker-hosted web solution to manage your servers in one easy place. I'm using this project to help me learn [React](https://github.com/facebook/react), [Vite](https://github.com/vitejs/vite-plugin-react), and [Docker](https://www.docker.com) but also because I could never settle on a server management software that I enjoyed to use. diff --git a/src/App.jsx b/src/App.jsx index d204071b..2a943d96 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -131,7 +131,7 @@ function App() { const getLayoutStyle = () => { if (splitTabIds.length === 1) { - return "flex flex-row h-full gap-4"; + return "grid grid-cols-2 h-full gap-4"; } else if (splitTabIds.length > 1) { return "grid grid-cols-2 grid-rows-2 gap-4 h-full overflow-hidden"; } diff --git a/src/Terminal.jsx b/src/Terminal.jsx index 6522b98c..e0e677a4 100644 --- a/src/Terminal.jsx +++ b/src/Terminal.jsx @@ -21,7 +21,7 @@ export const NewTerminal = forwardRef(({ hostConfig, isVisible }, ref) => { void parentContainer.offsetHeight; const parentWidth = parentContainer.clientWidth; - const parentHeight = parentContainer.clientHeight - 16; + const parentHeight = parentContainer.clientHeight; terminalContainer.style.width = `${parentWidth}px`; terminalContainer.style.height = `${parentHeight}px`; diff --git a/src/index.css b/src/index.css index bd106716..daee9449 100644 --- a/src/index.css +++ b/src/index.css @@ -14,6 +14,5 @@ } .terminal-container > div { - flex: 1; min-height: 0; } \ No newline at end of file