k.petit/chlova
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): UI responsive mobile (header, barre chat, review) (v0.35.0)

Browse Source 
Header flex-wrap + détails masqués sous sm ; barre chat input min-w-0 +
boutons compacts + label Envoyer masqué sous sm ; actions Review empilées
pleine largeur sur mobile. Build web vert.

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 16:06:56 +02:00
parent ef382274fe
commit 4f3c85901e
4 changed files with 25 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/App.tsx
+6 -5
View File
@@ -14,8 +14,8 @@ function Shell() {
return (
<div className="min-h-dvh flex flex-col">
<header className="flex items-center gap-2 border-b border-border bg-surface px-4 py-2">
<span className="font-bold tracking-wide text-accent glow mr-2">CHLOVA</span>
<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">
<span className="font-bold tracking-wide text-accent glow mr-1 sm:mr-2">CHLOVA</span>
<nav className="flex gap-1">
<NavLink to="/chat" className={link}>
<MessageSquare size={16} /> Chat
@@ -27,10 +27,11 @@ function Shell() {
)}
</NavLink>
</nav>
<span className="ml-auto flex items-center gap-1.5 text-xs text-muted" title="Phase · outils">
<Cpu size={14} /> {phase || "…"} · {tools} outils
<span className="ml-auto flex items-center gap-1.5 text-xs text-muted whitespace-nowrap" title={`Phase ${phase} · ${tools} outils`}>
<Cpu size={14} /> {phase || "…"}
<span className="hidden sm:inline">· {tools} outils</span>
</span>
<button onClick={logout} className="ml-3 text-muted hover:text-fg cursor-pointer" aria-label="Déconnexion" title="Déconnexion">
<button onClick={logout} className="ml-1 sm:ml-3 shrink-0 text-muted hover:text-fg cursor-pointer" aria-label="Déconnexion" title="Déconnexion">
<LogOut size={18} />
</button>
</header>