fix(web): hauteur layout chat — h-dvh, barre/sidebar pleine hauteur (v0.36.2)

Shell passe en h-dvh (hauteur définie) au lieu de min-h-dvh : h-full des
enfants résout, barre de saisie pinned en bas de page et sidebar pleine
hauteur. Header shrink-0, root overflow-hidden.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016w5jRe87MGdd6AMvXQcHNi
This commit is contained in:
Kantin-Petit
2026-06-23 23:57:02 +02:00
parent a5545e5687
commit cb82b3165b
2 changed files with 9 additions and 2 deletions
+7
View File
@@ -6,6 +6,13 @@ incompatibles. Chaque ligne renvoie à un commit dédié (un artefact = un commi
## [Unreleased] ## [Unreleased]
## [0.36.2] — 2026-06-23 — fix hauteur layout chat (sidebar + barre de saisie)
### Fixed
- Shell en **`h-dvh`** (hauteur définie) au lieu de `min-h-dvh` : `h-full` des
enfants résout enfin → la barre de saisie est **pinned en bas de page**, la
**sidebar conversations** descend jusqu'en bas. Header `shrink-0` + root
`overflow-hidden`.
## [0.36.1] — 2026-06-23 — fix DELETE conversation (body vide) ## [0.36.1] — 2026-06-23 — fix DELETE conversation (body vide)
### Fixed ### Fixed
- Client web `req()` : `content-type: application/json` n'est plus envoyé sur - Client web `req()` : `content-type: application/json` n'est plus envoyé sur
+2 -2
View File
@@ -13,8 +13,8 @@ function Shell() {
`flex items-center gap-1.5 px-3 py-2 rounded-md text-sm ${isActive ? "bg-surface-2 text-accent" : "text-muted hover:text-fg"}`; `flex items-center gap-1.5 px-3 py-2 rounded-md text-sm ${isActive ? "bg-surface-2 text-accent" : "text-muted hover:text-fg"}`;
return ( return (
<div className="min-h-dvh flex flex-col"> <div className="h-dvh flex flex-col overflow-hidden">
<header className="flex flex-wrap items-center gap-x-2 gap-y-1 border-b border-border bg-surface px-3 sm:px-4 py-2"> <header className="flex shrink-0 flex-wrap items-center gap-x-2 gap-y-1 border-b border-border bg-surface px-3 sm:px-4 py-2">
<span className="font-bold tracking-wide text-accent glow mr-1 sm:mr-2">CHLOVA</span> <span className="font-bold tracking-wide text-accent glow mr-1 sm:mr-2">CHLOVA</span>
<nav className="flex gap-1"> <nav className="flex gap-1">
<NavLink to="/chat" className={link}> <NavLink to="/chat" className={link}>