johanleroy/arboretum
1
1
Fork 0
Code Issues Pull Requests Actions Packages Releases 5 Activity

fix(web): agrandir les terminaux de la grille sur grand écran (hauteur responsive)

Browse Source 
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.
This commit is contained in:
Johan Leroy
2026-06-22 14:41:22 +02:00
parent 1b57c3801c
commit 86cdc1f597
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/web/src/components/TerminalGrid.vue
View File

@@ -6,9 +6,16 @@
{{ t('groups.gridCapped', { shown: MAX_CELLS, total: sessions.length }) }} {{ t('groups.gridCapped', { shown: MAX_CELLS, total: sessions.length }) }}
</p> </p>
<!-- une seule socket WS multiplexe tous les terminaux ; cap dur pour préserver GPU/canaux. <!-- 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"> <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> </div>
</template> </template>
</div> </div>