From 86cdc1f5979af2a297dc0fc524d9c65da7c6716c Mon Sep 17 00:00:00 2001
From: Johan LEROY <contact@johanleroy.fr>
Date: Mon, 22 Jun 2026 14:41:22 +0200
Subject: [PATCH] =?UTF-8?q?fix(web):=20agrandir=20les=20terminaux=20de=20l?=
 =?UTF-8?q?a=20grille=20sur=20grand=20=C3=A9cran=20(hauteur=20responsive)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Hauteur de cellule relative au viewport (h-[68dvh] min-h-80
lg:h-[calc((100dvh-9rem)/2)]) au lieu de h-80 fixe : terminaux grands sur PC,
exploitables sur mobile. xterm se re-fit via son ResizeObserver.
---
 packages/web/src/components/TerminalGrid.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/components/TerminalGrid.vue b/packages/web/src/components/TerminalGrid.vue
index 562573b..0e0abc0 100644
--- a/packages/web/src/components/TerminalGrid.vue
+++ b/packages/web/src/components/TerminalGrid.vue
@@ -6,9 +6,16 @@
         {{ t('groups.gridCapped', { shown: MAX_CELLS, total: sessions.length }) }}
       </p>
       <!-- une seule socket WS multiplexe tous les terminaux ; cap dur pour préserver GPU/canaux.
-           Sur mobile la grille retombe à une colonne (empilement). -->
+           Sur mobile la grille retombe à une colonne (empilement). Hauteur relative au viewport
+           (dvh) : terminaux grands sur PC, exploitables sur mobile ; xterm re-fit via ResizeObserver.
+           Plancher min-h-80 pour les fenêtres courtes. -->
       <div class="grid grid-cols-1 gap-3 lg:grid-cols-2 2xl:grid-cols-3">
-        <TerminalCell v-for="s in shown" :key="s.id" :session="s" class="h-80" />
+        <TerminalCell
+          v-for="s in shown"
+          :key="s.id"
+          :session="s"
+          class="h-[68dvh] min-h-80 lg:h-[calc((100dvh-9rem)/2)]"
+        />
       </div>
     </template>
   </div>