From 245d79569ee89a2e2df578eec8a3161fd41270a1 Mon Sep 17 00:00:00 2001
From: Fusion <noreply@runfusion.ai>
Date: Sun, 24 May 2026 23:07:13 +0200
Subject: [PATCH] fix: use CSS Grid for mobile terminal layout to fix 0 height
 issue

---
 apps/web/src/styles.css | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/apps/web/src/styles.css b/apps/web/src/styles.css
index bf9b56a..d0633fe 100644
--- a/apps/web/src/styles.css
+++ b/apps/web/src/styles.css
@@ -3117,17 +3117,14 @@ a.nav-item,
   height: 100vh;
   height: 100dvh;
   overflow: hidden;
-}
-
-.shell.mobile-terminal-shell > * {
-  flex: 1;
-  min-height: 0;
+  display: flex;
+  flex-direction: column;
 }
 
 .mobile-terminal-wrapper {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
+  display: grid;
+  grid-template-rows: auto 1fr auto;
+  height: 100%;
   min-height: 0;
   background: #1e1e1e;
   position: relative;